:root{--ink:#17201c;--muted:#66716a;--paper:#f2f1eb;--panel:#fbfbf7;--line:#17201c22;--blue:#1777f2;--mint:#bce9d1;--night:#12201b;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit}body>a{position:fixed;z-index:20;top:.5rem;left:.5rem;padding:.6rem 1rem;background:#fff;transform:translateY(-160%)}body>a:focus{transform:none}body>header,body>footer{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5.5rem);border-bottom:1px solid var(--line)}body>header>a,body>footer>a:first-child{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-size:1.2rem}body>header>a>span,body>footer>a:first-child>span{font-size:1.8rem}body>header small,body>footer small{color:var(--blue)}h1,h2{margin:0;font:500 clamp(3rem,5.8vw,6.6rem)/.9 var(--serif);letter-spacing:-.065em}main>section{padding:8rem clamp(1.25rem,5vw,5.5rem)}main>section header>p:first-child{margin:0 0 1.2rem;color:#39745c;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.17em}main>section:first-of-type{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;padding-top:6rem;padding-bottom:6rem}main>section:first-of-type h1{font-size:clamp(4rem,7.1vw,8.1rem);line-height:.83}main>section:first-of-type header>p:nth-of-type(2){max-width:650px;margin:2rem 0;color:#4f5953;font-size:clamp(1.05rem,1.5vw,1.35rem)}main>section:first-of-type header>a{font-size:.88rem;text-underline-offset:.35rem}main>section:first-of-type>figure{margin:0;border:1px solid #0002;border-radius:1rem;background:#fff;box-shadow:0 35px 80px #1b2d2430;overflow:hidden}main>section:first-of-type figcaption{display:flex;justify-content:space-between;padding:.85rem 1rem;background:#eee;border-bottom:1px solid #0002}main>section:first-of-type figcaption span{font-weight:750}main>section:first-of-type figcaption small{color:var(--muted)}main>section:first-of-type figure>nav{display:flex;gap:.35rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.75rem}main>section:first-of-type figure>nav span::after{content:"›";padding-left:.4rem;color:#999}main>section:first-of-type figure ul{min-height:390px;margin:0;padding:1rem;list-style:none}main>section:first-of-type figure li{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;min-height:50px;padding:.35rem .6rem;border-radius:.5rem}main>section:first-of-type figure li:hover{background:#eaf3ff}main>section:first-of-type figure li::before{content:attr(data-icon);display:grid;place-items:center;width:1.55rem;height:1.8rem;border-radius:.2rem;background:#dfe6e2;color:#496158;font-size:.43rem;font-weight:900;text-transform:uppercase}main>section:first-of-type figure li[data-icon="json"]::before{background:#e5dcff;color:#6449a9}main>section:first-of-type figure li[data-icon="csv"]::before{background:#d7efdc;color:#2d7741}main>section:first-of-type figure li[data-icon="pdf"]::before{background:#f8d8d8;color:#a83333}main>section:first-of-type figure li small{color:var(--muted);font-size:.65rem}main>section:first-of-type figure>footer{display:flex;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}output{color:#287357}main>section:nth-of-type(2){background:var(--night);color:#f4f4ed}main>section:nth-of-type(2)>header{max-width:850px;margin-bottom:4rem}main>section:nth-of-type(2)>header>p:last-child{max-width:680px;color:#b8c0bb}main>section:nth-of-type(2)>ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border:1px solid #ffffff25}main>section:nth-of-type(2)>ol li{min-height:290px;padding:1.4rem;display:flex;flex-direction:column;border-right:1px solid #ffffff25}main>section:nth-of-type(2)>ol li:last-child{border-right:0}main>section:nth-of-type(2)>ol small{color:#7cd5ad}main>section:nth-of-type(2)>ol h3{margin:auto 0 .7rem;font:500 1.8rem var(--serif)}main>section:nth-of-type(2)>ol p{margin:0;color:#b8c0bb;font-size:.8rem}main>section:nth-of-type(3){display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--mint)}main>section:nth-of-type(3)>figure{max-width:520px;margin:0 auto;padding:1rem;border:10px solid #111a17;border-radius:2rem;background:#f8faf7;box-shadow:0 30px 70px #193e2c2c}main>section:nth-of-type(3)>figure figcaption{display:flex;justify-content:space-between;padding:.5rem 0 1rem;border-bottom:1px solid var(--line);font-weight:750}main>section:nth-of-type(3)>figure article{margin:1rem 0;padding:1rem;border-radius:1rem;background:#e8f1ec}main>section:nth-of-type(3)>figure article>*{display:block}main>section:nth-of-type(3)>figure article small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}main>section:nth-of-type(3)>figure article strong{font:500 1.5rem var(--serif)}main>section:nth-of-type(3)>figure>div{width:190px;aspect-ratio:1;margin:1.4rem auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:15px;background:#fff;border:1px solid var(--line)}main>section:nth-of-type(3)>figure>div i{background:conic-gradient(from 90deg,#102019 0 25%,transparent 0 50%,#102019 0 75%,transparent 0)}main>section:nth-of-type(3)>figure>div i:first-child,main>section:nth-of-type(3)>figure>div i:nth-child(3),main>section:nth-of-type(3)>figure>div i:nth-child(7){border:8px double #102019;background:transparent}main>section:nth-of-type(3)>figure>p{text-align:center}main>section:nth-of-type(3)>header>p:nth-of-type(2),main>section:nth-of-type(3)>header ul{color:#456253}main>section:nth-of-type(4){display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}main>section:nth-of-type(4)>header>p:last-child{color:var(--muted)}form{padding:1.5rem;border-radius:1.4rem;background:var(--panel);box-shadow:0 25px 55px #1e2c251c}form>p{display:grid;grid-template-columns:1fr auto;margin:0 0 1rem}form>p small,form>p strong{display:block;grid-column:1}form>p small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.14em}form>p strong{font:500 1.8rem var(--serif)}form>p output{grid-column:2;grid-row:1/3;align-self:center}label{display:grid;grid-template-columns:1fr auto;margin:.65rem 0;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.7rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}input{grid-column:1/-1;margin:.25rem 0 0;padding:0;border:0;background:transparent;color:var(--ink);font:500 1.1rem var(--serif)}label small{grid-column:1/-1;color:#54806a;font-size:.55rem;font-weight:600;text-transform:none;letter-spacing:0}fieldset{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:.8rem}legend{padding:0 .35rem;font-weight:750}button{border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:800}legend button{width:1.45rem;height:1.45rem;margin-left:.35rem}fieldset span{display:inline-block;margin:.3rem .25rem 0 0;padding:.4rem .65rem;border-radius:999px;background:#e3ede7;font-size:.7rem}form>button{padding:.72rem 1rem}main>section:nth-of-type(5){display:grid;grid-template-columns:repeat(3,1fr);background:#dce6ff}main>section:nth-of-type(5)>header{grid-column:1/-1;max-width:900px;margin-bottom:4rem}main>section:nth-of-type(5)>article{min-height:300px;padding:1.5rem;display:flex;flex-direction:column;border:1px solid #192b5b30;border-right:0}main>section:nth-of-type(5)>article:nth-of-type(3){border-right:1px solid #192b5b30}main>section:nth-of-type(5)>article small{color:#405eaa;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em}main>section:nth-of-type(5)>article h3{margin:auto 0 .7rem;font:500 2rem var(--serif)}main>section:nth-of-type(5)>article p{margin:0 0 1rem;color:#52617d;font-size:.86rem}main>section:nth-of-type(5)>article a{font-size:.75rem;font-weight:800}main>section:nth-of-type(5)>footer{grid-column:1/-1;padding-top:2rem;color:#52617d}main>section:nth-of-type(6){display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}main>section:nth-of-type(6) header>p:last-child{max-width:720px;color:var(--muted)}main>section:nth-of-type(6) aside{padding:1.5rem;border-left:4px solid #56aa83;background:#e3ede7}main>nav{display:grid;grid-template-columns:1fr 1fr;background:var(--night);color:#f3f0e7;border-top:1px solid #ffffff20}main>nav>a{display:block;padding:3rem clamp(1.25rem,5vw,5.5rem);text-decoration:none;border-right:1px solid #ffffff20}main>nav>a>small{display:block;color:#9d9d93;font-size:.58rem;text-transform:uppercase;letter-spacing:.14em}main>nav>a>strong{margin-top:.5rem;font:500 clamp(1.2rem,2vw,2rem) var(--serif);text-decoration:underline;text-underline-offset:.35rem}body>footer{background:var(--night);color:#f3f0e7;border-color:#ffffff20}@media(max-width:960px){main>section:first-of-type,main>section:nth-of-type(3),main>section:nth-of-type(4),main>section:nth-of-type(6){grid-template-columns:1fr}main>section:nth-of-type(2)>ol{grid-template-columns:1fr 1fr}main>section:nth-of-type(2)>ol li:nth-child(2){border-right:0}main>section:nth-of-type(2)>ol li{border-bottom:1px solid #ffffff25}main>section:nth-of-type(5){grid-template-columns:1fr}main>section:nth-of-type(5)>article{min-height:220px;border-right:1px solid #192b5b30;border-bottom:0}main>section:nth-of-type(5)>article:nth-of-type(3){border-bottom:1px solid #192b5b30}}@media(max-width:650px){body>header{min-height:66px}main>section{padding-top:6rem;padding-bottom:6rem}main>section:first-of-type{min-height:auto;padding-top:4rem}main>section:first-of-type h1{font-size:3.65rem}main>section:first-of-type figure li{grid-template-columns:2rem 1fr}main>section:first-of-type figure li small{grid-column:2}main>section:nth-of-type(2)>ol{grid-template-columns:1fr}main>section:nth-of-type(2)>ol li{min-height:220px;border-right:0}main>section:nth-of-type(3)>figure>div{width:160px}main>nav{grid-template-columns:1fr}main>nav>a{border-right:0;border-bottom:1px solid #ffffff20}body>footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}