.console{--console-header: #05172a;--console-body: #091e35;background-color:var(--console-header);border-radius:min(2vw,12px);margin-block-end:8%;box-shadow:0 30px 20px -20px rgba(41,41,41,.5);overflow:hidden}.console header{padding:clamp(4px,1vw,14px)}.console header .buttons{padding-inline-start:calc(10px + min(2vw,10px))}.console header .buttons span::before,.console header .buttons span::after{content:"";position:absolute;top:0}.console header .buttons span{position:relative}.console header .buttons span,.console header .buttons span::before,.console header .buttons span::after{width:min(2vw,12px);height:min(2vw,12px);background-color:#172f51;border-radius:100%;display:block}.console header .buttons span::before{right:calc(100% + min(2vw,10px))}.console header .buttons span::after{left:calc(100% + min(2vw,10px))}.console .wrap{background-color:var(--console-body);color:#ccc;overflow:auto;padding:clamp(10px,2vw,40px)}.console .wrap::-webkit-scrollbar{width:3px !important;height:3px !important}.console .wrap::-webkit-scrollbar-track{background:#091e35}.console .wrap::-webkit-scrollbar-corner{background:#091e35}.console pre{margin:0;display:flex;flex-direction:column;gap:.7103em;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:clamp( 		0.75rem, 		0.13vw + 0.72rem, 		0.88rem 	);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.6em;tab-size:4;-webkit-hyphens:none;hyphens:none;background:none;overflow:initial;border-radius:0}.console pre code{white-space:inherit}.console pre code.no-wrap{white-space:nowrap}.console pre code span.blue{color:rgb(var(--code-blue))}.console pre code span.green{color:rgb(var(--code-green))}.console pre code span.orange{color:rgb(var(--code-orange))}.console pre code span.pink{color:rgb(var(--code-pink))}.console pre code span.fade{opacity:.6}.console pre code .get,.console pre code .post{font-weight:700;color:var(--console-body);line-height:1em;padding:.2em .4em .15em;border-radius:.25em}.console pre code .get+em,.console pre code .get+b,.console pre code .post+em,.console pre code .post+b{font-style:normal;color:#fff}.console pre code .get{background-color:rgb(var(--code-green))}.console pre code .post{background-color:rgb(var(--code-blue))}.console pre code.language-json .property{color:rgb(var(--code-blue))}.console pre code.language-json .string{color:rgb(var(--code-green))}.console pre code.language-json .boolean{color:rgb(var(--code-orange))}h2{font-family:"gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:max(min(.87rem + 1.68vw,3.55rem),1.25rem);line-height:1em;margin-bottom:.5em}h3{font-size:max(min(.85rem + 1.13vw,2.67rem),1.11rem)}ul.dash-list li::before{height:2px;background-color:#25b58d}section.functions{container-type:inline-size;background-color:#e5e5e5;padding-block:clamp(60px,14vw,180px) 0;grid-template-rows:auto;align-content:start;gap:0}section.functions .content{grid-column:2/24;background-color:#ededed;padding:max(8cqh,80px) 8cqw 8cqh;display:grid;align-items:center;gap:8cqw 4cqw}section.functions .content hgroup{grid-column:1/span 1;grid-row:1/span 1}section.functions .content .console,section.functions .content .device{grid-column:1/span 1;grid-row:2/span 1}section.functions .content button.replay{display:none}section.functions .content .console{width:90%;margin-block-end:10%}section.functions .content .console code>span{display:inline-flex}section.functions .content .device{container-type:inline-size;aspect-ratio:9/16;box-sizing:content-box;width:clamp(160px,15.625vw,300px);place-self:end;font-weight:400;padding:clamp(4px,.5vw,10px);border-radius:clamp(7px,.78vw,20px);background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:solid 1px rgba(153,153,153,.1);box-shadow:inset 0 1px 1px rgba(255,255,255,.4);display:grid;grid-template-rows:auto auto 1fr}section.functions .content .device::before{content:"";grid-column:1/span 1;grid-row:1/span 3;background-color:#eee;width:100%;height:100%;border-radius:clamp(4px,.58vw,15px);border:solid 1px #ddd}section.functions .content .device .card,section.functions .content .device .form,section.functions .content .device .btn{grid-column:1/span 1;font-size:5.34cqw;padding:1.25em}section.functions .content .device .card .label,section.functions .content .device .form .label,section.functions .content .device .btn .label{font-size:.87em;font-weight:bold;font-variation-settings:"opsz" 22;margin-block-end:.5em}section.functions .content .device .card{grid-row:1/span 1}section.functions .content .device .card img{width:100%;height:auto;box-shadow:0 1em .5em -1em rgb(var(--high-contrast));border-radius:.25em}section.functions .content .device .form{grid-row:2/span 1;background-color:#fff;border-radius:.5em;margin:1.25em}section.functions .content .device .form .input{background-color:#fff;border:solid #ccc 1px;border-radius:.25em;padding:.75em 1em}section.functions .content .device .form .input:has(svg){display:flex;align-items:center}section.functions .content .device .form .input:has(svg) svg{width:1em;height:1em;margin-inline-start:auto;color:rgb(var(--accent-dark))}section.functions .content .device .form .input+.label{margin-block-start:1em}section.functions .content .device .btn{grid-row:3/span 1;align-self:start;padding:.75em 1em;margin:0 1.25em 1.25em;background-color:rgb(var(--accent-dark));color:#fff;font-family:"gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:700;text-align:center;border-radius:.25em}section.impact-quote{background-color:#e5e5e5;text-align:center;padding-block:clamp(60px,6vw,100px)}section.impact-quote blockquote{margin-block-end:2em}section.impact-quote blockquote p{font-family:"gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:max(min(.85rem + 1.13vw,2.67rem),1.11rem);font-weight:700;max-width:35ch;text-wrap:balanced;margin-inline:auto}section.impact-quote .ctas{justify-content:center}section.features::before{content:"";grid-column:1/25}section.features::after{content:"";grid-column:13/25;background-color:#e9faf5;height:clamp(60px,6vw,100px)}section.features hgroup{text-align:center}section.features hgroup .pre-title{justify-content:center}section.features>ul li{text-align:center;margin-block-end:6vh;display:flex;flex-direction:column;gap:2rem}section.features>ul li:last-of-type{margin:3vh}section.features>ul li span{align-self:center}section.features>ul li h3{max-width:35ch;text-wrap:balance}section.features>ul li p{max-width:60ch;text-wrap:pretty}section.features>ul li .grid-wrap{display:grid}section.features>ul li .grid-wrap .device{grid-column:1/2;grid-row:1/2;align-self:start;justify-self:end;margin-block-end:8em}section.features>ul li .grid-wrap .console{grid-column:1/2;grid-row:1/2;align-self:end;margin:0 1.5em 0 0}section.features>ul li .device{box-sizing:content-box;padding:clamp(4px,.5vw,10px);border-radius:clamp(7px,.78vw,20px);background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:solid 1px rgba(153,153,153,.1);box-shadow:inset 0 1px 1px rgba(255,255,255,.4);display:grid}section.features>ul li .device::before{content:"";grid-column:1/span 1;grid-row:1/span 1;background-color:#eee;width:100%;height:100%;border-radius:clamp(4px,.58vw,15px);border:solid 1px #ddd}section.features>ul li .device .form{grid-column:1/span 1;grid-row:1/span 1;background-color:#fff;font-size:.8125rem;font-weight:400;text-align:left;border-radius:.5em;margin:1.25em;padding:1.25em}section.features>ul li .device .form .label{font-size:.924em;font-weight:bold;font-variation-settings:"opsz" 22;white-space:nowrap;margin-block-end:.5em}section.features>ul li .device .form .input{background-color:#fff;border:solid #ccc 1px;border-radius:.25em;padding:.75em 1em}section.features>ul li .device .form .input+.label{margin-block-start:1em}section.features>ul li .console{margin:0}section.features>ul li .console pre{white-space:pre}section.features .ctas{justify-content:center;align-items:center}section.benefits::before{content:"";grid-column:13/25;grid-row:1/span 2;background-color:#e9faf5}section.benefits::after{content:"";grid-column:1/19;height:clamp(60px,6vw,100px)}section.benefits hgroup{grid-row:2/span 1;margin-block-end:clamp(30px,6.25vw,100px)}section.benefits>ul:nth-of-type(1){grid-column:4/18;grid-row:3/span 1}section.benefits>ul:nth-of-type(2){grid-column:7/23;grid-row:4/span 1}section.benefits>ul h3{margin-block-end:.25em}section.benefits>ul p{margin-block-end:1.5em}section.benefits>span{background-color:#f5f5f5;height:75%}section.benefits>span:nth-of-type(1){grid-column:21/25}section.benefits>span:nth-of-type(2){grid-column:1/5;grid-row:4/span 1;align-self:end}section.benefits .ctas{justify-content:center}section.benefits::after{content:"";grid-column:1/19}@media screen and (min-width: 768px){section.benefits hgroup{grid-column:8/span 10;text-align:center}section.benefits hgroup .pre-title{justify-content:center}section.benefits>ul:nth-of-type(1){grid-column:4/span 10}section.benefits>ul:nth-of-type(2){grid-column:12/span 10}section.benefits>ul>li:nth-of-type(3)>p{margin:0}section.benefits>span:nth-of-type(1){grid-column:16/span 8}section.benefits>span:nth-of-type(2){grid-column:2/span 8}}@media screen and (min-width: 1024px){section.functions{row-gap:10vh}section.functions .content{grid-template-columns:6fr 8fr;min-height:80vh}section.functions .content hgroup{grid-column:1/span 1;align-self:center}section.functions .content .console,section.functions .content .device{grid-column:2/span 1;grid-row:1/span 1}section.features::before{grid-column:1/9;grid-row:1/span 5;background-color:#e9faf5;height:70%;border-radius:0 60vw 100vw 0}section.features::after{grid-row:5/span 1}section.features hgroup{grid-row:2/span 1;margin-block:6vh;max-width:60rem;justify-self:center}section.features>ul{grid-row:3/span 1}section.features>ul li{text-align:left;flex-direction:row;gap:5vw}section.features>ul li>span{width:50%;justify-self:flex-start;align-self:center}section.features>ul li .grid-wrap .device{margin-block-end:calc(5em + 1vw + clamp(4px,1vw,14px) + min(2vw,12px) + clamp(10px,2vw,40px));margin-inline-end:-14%}section.features>ul li:nth-of-type(odd){flex-direction:row-reverse}section.features>ul li:nth-of-type(odd)>span{justify-self:flex-end}section.features>ul li:last-of-type{margin:6vh}section.features .ctas{grid-row:4/span 1}section.benefits hgroup{grid-column:6/span 14}}@media screen and (min-width: 1440px){section.benefits{grid-template-rows:clamp(60px,6vw,100px) auto clamp(60px,6vw,100px) auto}section.benefits::before{grid-row:1/span 3}section.benefits>ul{align-self:start}section.benefits>ul:nth-of-type(1){grid-column:6/span 5;grid-row:3/span 2}section.benefits>ul:nth-of-type(2){grid-column:18/span 5;grid-row:4;align-self:end}section.benefits>span:nth-of-type(1){grid-column:1/span 4;grid-row:3/span 2;height:calc(75% - min(6vw,100px))}section.benefits>span:nth-of-type(2){grid-column:13/span 4;grid-row:4}section.benefits::after{height:clamp(60px,6vw,100px)}}@media screen and (min-width: 1024px)and (prefers-reduced-motion: no-preference){section.functions .content button.replay{grid-column:2/span 1;grid-row:1/span 1;place-self:end center;margin:0 calc(10% + 1em + 4ch) 2vh 0;display:flex;align-items:center;gap:.25em;appearance:none;cursor:pointer;background:none;color:rgb(var(--high-contrast));font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:700;font-size:clamp( 		0.75rem, 		0.45vw + 0.46rem, 		1rem 	);line-height:1em;border:none;border:solid rgba(var(--low-contrast), 0.1) 1px;border-radius:.25em;padding:.5em 1em .5em .75em;opacity:0;pointer-events:none}section.functions .content button.replay i{width:1em;height:1em}section.functions .content button.replay[data-animation]{pointer-events:all}section.functions .content .device .btn{background-color:var(--bgStart, transparent)}section.functions [data-animation]{animation-timing-function:var(--timing, linear);animation-fill-mode:var(--fill, forwards);animation-duration:var(--duration, 300ms);animation-delay:var(--delay, 0);animation-play-state:var(--play-state, paused)}section.functions .play [data-animation]{--play-state: running}section.functions [data-animation=typing]{display:inline-flex;overflow:clip;width:0;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;white-space:nowrap;transform-origin:left top;animation-name:typing}section.functions [data-animation=focusInOut]{animation-name:focusInOut}section.functions [data-animation=show]{opacity:0;animation-name:show}section.functions [data-animation=showBlock]{opacity:0;height:0;overflow:hidden;animation-name:showBlock}section.functions [data-animation=hide]{opacity:0;animation-name:hide}section.functions [data-animation=hideBlock]{opacity:1;height:auto;overflow:hidden;animation-name:hideBlock}section.functions [data-animation=showAndHide]{opacity:0;animation-name:show,hide}section.functions [data-animation=showAndHideBlock]{interpolate-size:allow-keywords;opacity:0;overflow:hidden;animation-name:show,hideBlock}section.functions [data-animation=select]{animation-name:select}section.functions [data-animation=click]{animation-name:click}section.functions [data-animation=mapScroll]{object-position:var(--oPosXStart, 0%) var(--oPosYStart, 0%);animation-name:map-scroll}section.functions [data-animation=pinDrop]{opacity:0;transform:translateY(-300%);transform-origin:bottom center;animation-name:pin-drop}section.functions [data-animation=disabledToEnabled]{background-color:var(--bgStart, transparent);color:var(--clrStart, inherit);animation-name:disabledToEnabled}@keyframes function-scale{to{transform:scale(calc(1.1 - 0.1 * var(--reverse-index)))}}@keyframes show{from{opacity:0}to{opacity:1}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes focusInOut{0%,100%{border-color:#ccc;box-shadow:none}5%,95%{border-color:rgb(var(--accent-dark));box-shadow:0 0 6px rgba(var(--accent), 0.75)}}@keyframes showBlock{from{opacity:0;height:0}to{opacity:1;height:auto}}@keyframes hideBlock{from{height:auto}to{opacity:0;height:0}}@keyframes showAndHide{0%,100%{opacity:0}10%,90%{opacity:1}}@keyframes showAndHideBlock{0%,100%{opacity:0;height:0}5%,95%{opacity:1;height:auto}}@keyframes move-down{from{transform:translateY(-15%)}to{transform:translateY(0)}}@keyframes typing{from{width:var(--widthStart, 0)}to{width:var(--widthEnd)}}@keyframes select{0%,50%{background-color:var(--bgStart, transparent);color:var(--clrStart, inherit)}25%,75%,100%{background-color:var(--bgEnd);color:#fff}}@keyframes move{from{transform:translate(var(--startX, 0), var(--startY, 0))}to{transform:translate(var(--endX, 0), var(--endY, 0))}}@keyframes click{0%,100%{background-color:var(--bgStart, transparent);color:var(--clrStart, inherit);scale:1}25%{background-color:var(--bgEnd);color:var(--clrEnd, inherit);scale:.85}}@keyframes map-scroll{0%{object-position:var(--oPosXStart, 0%) var(--oPosYStart, 0%)}100%{object-position:var(--oPosXEnd, 0%) var(--oPosYEnd, 0%)}}@keyframes pin-drop{0%{opacity:0;transform:translateY(-300%)}25%{opacity:1;transform:translateY(0%)}50%{transform:rotate(30deg)}75%{transform:rotate(-25deg)}95%{transform:rotate(15deg)}100%{opacity:1;transform:rotate(0deg)}}@keyframes disabledToEnabled{0%{background-color:var(--bgStart, transparent);color:var(--clrStart, inherit)}100%{background-color:var(--bgEnd);color:var(--clrEnd, inherit)}}}