@font-face{font-family:Nunito Sans;src:url(/assets/design/nunito-sans.woff2)format("woff2");font-weight:400 700;font-display:swap}body{color:#303b3b;-webkit-font-smoothing:antialiased;background:#faf5e9;margin:0;font-family:Nunito Sans,Avenir Next,Segoe UI,sans-serif}a{color:#214e4b}a:hover{color:#163c39}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ta-big{letter-spacing:-.045em;color:#214e4b;margin:0;font-size:clamp(44px,5.65vw,80px);font-weight:600;line-height:1.04}.ta-lead{text-wrap:pretty;max-width:760px;margin:28px auto 0;font-size:clamp(19px,1.9vw,25px);line-height:1.42}.ta-intro{text-align:center;max-width:1160px;margin:0 auto;padding:80px 24px 64px}@media (hover:none) and (pointer:coarse){.ta-demo{display:none!important}}.ta-story{background:#163c39;height:900svh;min-height:5200px;position:relative}.ta-sticky{--zoom:0;isolation:isolate;background:#163c39;height:100dvh;position:sticky;top:0;overflow:hidden}.ta-copy-shade{z-index:4;pointer-events:none;width:min(750px,100%);height:450px;opacity:var(--zoom);background:radial-gradient(at 15% 40%,#071b1259,#0000 75%);position:absolute;top:0;left:0}.ta-label{z-index:5;pointer-events:none;color:#faf5e9;width:560px;max-width:calc(100% - 80px);position:absolute;top:clamp(110px,18vh,168px);left:40px}.ta-title{letter-spacing:-.035em;text-shadow:0 2px 14px #00000059;white-space:pre-line;min-height:110px;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:600;line-height:1.08;display:block}.ta-world{z-index:3;will-change:width,left,top;margin:0;position:absolute}.ta-frame{background:#214e4b;border-radius:3px;width:100%;position:relative;overflow:hidden;transform:translateZ(0)}.ta-media{will-change:width,height,left,top;position:absolute}.ta-layer{object-fit:fill;pointer-events:none;opacity:0;width:100%;max-width:none;height:100%;position:absolute;inset:0}.ta-layer:first-child{opacity:1}.ta-spot{z-index:4;pointer-events:none;position:absolute;inset:0}.ta-controls{z-index:5;top:var(--control-top,0);left:var(--control-inset,0);width:220px;opacity:clamp(0,max(calc(1 - var(--zoom)*4),calc((var(--zoom) - .65)/.35)),1);display:flex;position:absolute}.ta-controls button{cursor:pointer;width:44px;height:44px;color:inherit;background:0 0;border:0;flex:0 0 44px;place-items:center;padding:0;display:grid}.ta-controls button:focus-visible{outline-offset:-4px;outline:2px solid #fff}.ta-dot{background:#ffffff70;border-radius:99px;width:7px;height:7px;transition:background .25s,transform .25s;display:block}.ta-controls button[aria-pressed=true] .ta-dot{background:#fff;transform:scale(1.35)}.ta-learn{padding:110px 0 70px}.ta-learn-head{text-align:center;max-width:1160px;margin:0 auto 24px;padding:0 24px}.ta-lesson{height:225vh;min-height:1450px;position:relative}.ta-lgrid{box-sizing:border-box;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(40px,7vw,95px);max-width:1160px;height:100dvh;margin:0 auto;padding:40px 24px;display:grid;position:sticky;top:0}.ta-kbox{background:#fff;border-radius:24px;min-width:0;padding:44px 38px}.ta-kinstr{text-align:center;color:#657171;margin:0;font-size:21px;font-weight:500;line-height:1.4}.ta-letters{height:82px;margin:30px 0 27px;overflow:hidden}.ta-track{width:min(100%,420px);margin:auto;display:flex}.ta-char{text-align:center;color:#b8c1b3;border-bottom:3px solid #0000;flex:1 1 0;font-size:46px;font-weight:600;line-height:72px}.ta-char.typed{color:#214e4b}.ta-char.current{color:#214e4b;background:#fbe2d2;border-bottom-color:#b65b2c;border-radius:5px}.ta-keyboard{flex-direction:column;align-items:center;gap:7px;display:flex}.ta-krow{gap:5px;display:flex}.ta-key{box-sizing:border-box;color:#657171;background:#fff;border:1px solid #dbe3e2;border-bottom:3px solid #c9d3d1;border-radius:5px;place-items:center;width:39px;height:43px;font-size:13px;font-weight:700;transition:background .12s,transform .12s;display:grid;position:relative}.ta-key.hl{color:#214e4b;background:#e3ece9;border-color:#bccbc8}.ta-key.hl:after{content:"";background:#657171;border-radius:1px;height:2px;position:absolute;bottom:5px;left:38%;right:38%}.ta-key.pressing{color:#fff;background:#214e4b;border-color:#163c39;transform:translateY(2px)}.ta-key.pressing:after{background:#fff}.ta-key.space{width:190px}.ta-fingers{display:none}.ta-benefits{min-width:0;height:430px;position:relative}.ta-benefit{opacity:0;visibility:hidden;transition:opacity .35s,transform .35s,visibility 0s .35s;position:absolute;inset:26px 0 60px;transform:translateY(10px)}.ta-benefit.on{opacity:1;visibility:visible;transition:opacity .35s,transform .35s,visibility;transform:none}.ta-benefit h3{letter-spacing:-.04em;color:#214e4b;min-height:125px;margin:0 0 22px;font-size:clamp(36px,4.1vw,57px);font-weight:600;line-height:1.06}.ta-benefit p{color:#657171;margin:0;font-size:clamp(18px,1.8vw,23px);font-weight:500;line-height:1.46}.ta-lctrl{display:flex;position:absolute;bottom:0;left:0}.ta-lctrl button{cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.ta-lctrl .ta-dot{background:#a3afa9}.ta-lctrl button[aria-pressed=true] .ta-dot{background:#214e4b;transform:scale(1.35)}.ta-lctrl button:hover .ta-dot{background:#657171}.ta-lctrl button:focus-visible{outline-offset:-4px;outline:2px solid #214e4b}@media (width<=1000px) and (width>=701px){.ta-key{width:31px;height:37px;font-size:12px}.ta-kbox{padding:35px 22px}.ta-benefit h3{min-height:105px}}@media (width<=700px){.ta-story{height:960svh;min-height:4200px}.ta-label{width:calc(100% - 40px);max-width:none;top:44px;left:20px}.ta-title{max-width:350px;min-height:76px;font-size:29px}.ta-copy-shade{background:linear-gradient(#071b12eb,#071b1266 65%,#0000);width:100%;height:280px}.ta-intro{padding:70px 20px 50px}.ta-learn{padding:68px 0 52px}.ta-lesson{height:230vh}.ta-lgrid{flex-direction:column;justify-content:center;gap:25px;padding:26px 20px;display:flex}.ta-kbox{box-sizing:border-box;border-radius:20px;width:100%;padding:25px 22px}.ta-kinstr{font-size:18px;line-height:1.35}.ta-letters{height:65px;margin:20px 0 16px}.ta-char{font-size:36px;line-height:58px}.ta-keyboard{display:none}.ta-fingers{justify-content:center;gap:14px;display:flex}.ta-fingers .ta-key{width:42px;height:43px;font-size:18px}.ta-benefits{flex:0 0 300px;width:100%;height:300px}.ta-benefit{top:0;bottom:50px}.ta-benefit h3{min-height:78px;margin-bottom:17px;font-size:35px}.ta-benefit p{font-size:19px;line-height:1.42}}@media (prefers-reduced-motion:reduce){.ta-benefit,.ta-benefit.on,.ta-key,.ta-dot{transition:none;transform:none}.ta-copy-shade{opacity:0}}.hov-0:hover,.hov-1:hover{background:#9e4c22!important}
