@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{--ink:#172e30;--muted:#5d706e;--paper:#f7f8f2;--teal:#14695d;--line:#dce3d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #cf8a39;outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding:0 40px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:800 29px Manrope,sans-serif;letter-spacing:-1.5px}.logo small{font-size:12px;letter-spacing:2px;margin-left:12px;font-weight:500;vertical-align:middle}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.navlinks a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.navlinks .navcta{background:var(--ink);color:white;border-radius:30px;padding:13px 20px}.lang{border-left:1px solid var(--line);padding-left:22px}.hero{padding:82px 0 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal)}.dot{width:7px;height:7px;background:#38927b;border-radius:50%}h1{font:500 clamp(42px,4.7vw,65px)/1.1 Manrope,sans-serif;letter-spacing:-3.5px;margin:22px 0}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:485px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0 22px}.button{display:inline-flex;align-items:center;gap:27px;padding:17px 23px;border-radius:7px;background:var(--teal);color:white;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#0f5148}.textlink{font-size:13px;font-weight:600;border-bottom:1px solid #9aa9a0;padding:5px 0}.note{font-size:11px;color:var(--muted)}.demo{position:relative;padding:26px;background:#e8eee4;border:1px solid #d6e0d2;border-radius:18px}.demo-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700;margin-bottom:19px}.example{font-weight:400;color:var(--muted);letter-spacing:0}.demo-window{background:#fff;border:1px solid #dde5da;border-radius:12px;box-shadow:0 18px 40px #183c2c0b;overflow:hidden}.windowbar{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #edf0e9}.aimark{display:grid;place-items:center;background:var(--teal);color:white;border-radius:9px;width:35px;height:35px;font-size:15px}.windowbar b{display:block;font-size:12px}.windowbar small{font-size:10px;color:var(--muted)}.status{margin-left:auto;font-size:9px;color:var(--teal);background:#edf5ee;padding:5px 8px;border-radius:10px}.conversation{padding:24px 20px}.question{margin-left:48px;background:#f0f3ed;padding:13px 16px;border-radius:11px 11px 2px 11px;font-size:12px;line-height:1.5}.answer{margin-top:22px;font-size:13px;line-height:1.8}.answer-label{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:1px}.wave{display:flex;align-items:center;gap:3px;height:42px;margin:17px 0 12px;background:#f5f7f2;border-radius:7px;padding:10px 12px}.play{color:var(--teal);font-size:14px;margin-right:10px}.wave i{display:block;width:3px;background:#74a18b;border-radius:3px}.time{margin-left:auto;color:var(--muted);font-size:10px}.source{border-top:1px solid #edf0e9;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.demo-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:18px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;gap:30px}.strip div{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.strip span{font-size:17px;color:var(--teal)}section{padding:75px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font:500 clamp(29px,3vw,39px)/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin:14px 0 0}.sectionhead p{max-width:330px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.step{border-top:1px solid #bbcbbf;padding-top:22px}.number{font-size:11px;color:var(--teal);letter-spacing:1px}.step h3{font:600 19px Manrope,sans-serif;margin:22px 0 12px}.step p{font-size:14px;line-height:1.8;color:var(--muted)}.explore{background:#edf1e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.exploregrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource{background:var(--paper);padding:30px;border:1px solid #d9e1d4;border-radius:10px}.resource-top{display:flex;justify-content:space-between;align-items:center}.resource .symbol{font-size:28px;color:var(--teal)}.resource .tag{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.resource h3{font:600 24px Manrope,sans-serif;letter-spacing:-.7px;margin:28px 0 10px}.resource p{font-size:14px;line-height:1.8;color:var(--muted);max-width:410px}.reslinks{display:flex;gap:25px;margin-top:22px}.reslinks a{font-size:12px;font-weight:700;border-bottom:1px solid #9aa9a0;padding-bottom:5px}.closing{display:flex;justify-content:space-between;align-items:center;padding:60px 0;gap:35px}.closing h2{max-width:640px}.closing p{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);padding:28px 0;font-size:11px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:25px}.footlinks{display:flex;gap:24px}@media(max-width:1000px){.navlinks{gap:15px}.hero{gap:30px}h1{letter-spacing:-2px}.wrap{padding:0 26px}.logo small{display:none}}@media(max-width:700px){.nav{min-height:80px;gap:12px}.navlinks{gap:13px;font-size:11px}.navlinks .navcta{padding:9px 11px;font-size:10px}.lang{padding-left:12px}.hero{grid-template-columns:1fr;padding:48px 0;gap:38px}h1{font-size:46px;max-width:500px}.lead{font-size:16px}.demo{padding:20px}.strip{gap:20px;grid-template-columns:1fr;padding:22px 0}.strip div{font-size:13px}.sectionhead{display:block}.sectionhead p{margin-top:20px}.steps{grid-template-columns:1fr;gap:25px}.step h3{margin-top:13px}.exploregrid{grid-template-columns:1fr}section{padding:50px 0}.closing{display:block}.closing .button{margin-top:17px}.foot{flex-direction:column}.footlinks{flex-wrap:wrap}h2{font-size:31px}.wrap{padding:0 22px}.actions{gap:20px}.button{gap:18px}}

.encyclink{position:relative}.encyclink summary{cursor:pointer;list-style:none}.encyclink[open] .ency-options{position:absolute;top:28px;right:0;z-index:5;min-width:210px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #183c2c12}.ency-options a{display:block;padding:9px;font-size:12px}@media(max-width:420px){.navlinks{gap:9px;font-size:10px}.logo{font-size:25px}.lang{padding-left:9px}.navlinks .navcta{padding:8px}.wrap{padding:0 18px}}

.hero>*{min-width:0}.demo-top{gap:12px;line-height:1.6}.example{flex-shrink:0}.wave{overflow:hidden}.source{gap:12px;flex-wrap:wrap}.navlinks a{white-space:nowrap}@media(max-width:420px){h1{font-size:40px;letter-spacing:-2px}.actions{flex-wrap:wrap;gap:14px}.button{font-size:12px;padding:15px 18px}.demo{padding:15px}.demo-top{font-size:8px;gap:8px}.demo-bottom{font-size:8px}.navlinks{gap:8px}.logo{font-size:22px}.nav{gap:8px}.navlinks .navcta{font-size:9px}.lang{padding-left:7px}.question{margin-left:18px}}
