@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(../assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/font-6.ttf) format('truetype');
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}.logo{font:600 54px/1 Fredoka,sans-serif;letter-spacing:-4px}.mono{font-family:"Space Mono",monospace}nav{display:flex;align-items:center;gap:30px;font-size:12px}.container{width:min(1240px,calc(100% - 96px));margin:auto}.concept-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 0;font-family:"Space Mono",monospace;font-size:10px;border-top:1px solid;opacity:.8}.concept-bar div{display:flex;gap:22px}.label{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:1px}pre{font-family:"Space Mono",monospace;font-size:12px;line-height:1.9;overflow:auto;margin:0}code{font-family:inherit}.copy{background:transparent;border:1px solid currentColor;padding:7px 10px;font-size:9px;border-radius:4px}.status{min-height:17px;font-family:"Space Mono",monospace;font-size:10px}h1,h2,h3,p{margin-top:0}p{line-height:1.75}a.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 23px;font-size:13px}.footer{display:flex;align-items:center;justify-content:space-between;padding:36px 0;gap:25px}.footer p{margin:0;font-size:11px}.kw{color:#ba91db}.type{color:#a7bc76}.num{color:#e3a980}.code-top{display:flex;align-items:center;justify-content:space-between;font:10px "Space Mono",monospace;padding-bottom:20px;margin-bottom:23px;border-bottom:1px solid}.code-bottom{font:9px "Space Mono",monospace;margin-top:25px;padding-top:19px;border-top:1px solid}.arrow{font-size:22px}@media(max-width:800px){.container{width:calc(100% - 44px)}nav{gap:20px;font-size:11px}.concept-bar{font-size:8px}.concept-bar div{gap:12px}.footer{flex-wrap:wrap}pre{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{background:#101415;color:#e5e9e2;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303937}.header .logo{color:#d3f99b}.header nav{font-family:"Space Mono",monospace;font-size:10px;color:#9eaaa6}.hero{padding-top:68px;padding-bottom:85px;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.live{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid #3a483c;border-radius:20px;color:#b6ce9d;background:#1a241b;font:9px "Space Mono",monospace;margin-bottom:30px}.live i{height:5px;width:5px;background:#d3f99b;border-radius:50%}.hero h1{font-size:clamp(60px,6.5vw,95px);font-weight:500;letter-spacing:-5px;line-height:1.02;margin-bottom:30px}.hero h1 span{color:#d3f99b}.hero p{max-width:390px;color:#97a6a0;font-size:15px}.hero .button{background:#d3f99b;color:#152013;border-radius:4px;margin-top:13px}.hero-visual{border:1px solid #34423e;border-radius:12px;overflow:hidden;background:#151d1b;box-shadow:0 0 90px #b6e98608}.visual-head{padding:17px 20px;border-bottom:1px solid #34423e;display:flex;justify-content:space-between;font:9px "Space Mono",monospace;color:#899b90}.visual-core{height:290px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#c0ec8730,transparent 63%)}.visual-core .ring{position:absolute;width:220px;height:220px;border:1px solid #72935955;border-radius:50%}.visual-core .ring:nth-child(2){width:280px;height:280px;border-style:dashed;transform:rotate(20deg) scaleY(.67)}.core-logo{font:600 145px Fredoka,sans-serif;letter-spacing:-12px;color:#d3f99b;transform:translateY(-12px);text-shadow:0 8px 60px #bdff8650}.corner{position:absolute;color:#7b957b;font:9px "Space Mono",monospace}.corner.one{top:20px;left:20px}.corner.two{bottom:20px;right:20px}.visual-data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #34423e}.visual-data>div{padding:19px 20px}.visual-data>div+div{border-left:1px solid #34423e}.visual-data span{font:8px "Space Mono",monospace;color:#7e9184;display:block;margin-bottom:8px}.visual-data strong{font-size:12px;font-weight:500}.rail{border-top:1px solid #303937;border-bottom:1px solid #303937;display:flex;justify-content:space-between;padding-top:21px;padding-bottom:21px;font:10px "Space Mono",monospace;color:#a1b2a4}.rail b{font-weight:400;color:#d3f99b;margin-right:13px}.ideas{padding-top:90px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-top h2{font-size:43px;letter-spacing:-1.5px;font-weight:500;line-height:1.15;margin:0}.section-top .label{color:#829285;margin-bottom:14px}.section-top>p{font-size:12px;color:#8ea094;margin:0;max-width:260px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #303e36;border-radius:7px;background:#172019aa}.feature-grid article{padding:30px}.feature-grid article+article{border-left:1px solid #303e36}.feature-grid .symbol{color:#d3f99b;font:28px "Space Mono",monospace;display:block;margin-bottom:35px}.feature-grid h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin-bottom:12px}.feature-grid p{font-size:12px;color:#8fa094;margin-bottom:0}.syntax{padding:80px 0;background:#18211c;border-top:1px solid #34423e;border-bottom:1px solid #34423e}.syntax-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.syntax h2{font-size:53px;font-weight:500;line-height:1.08;letter-spacing:-2px}.syntax h2 span{color:#d3f99b}.syntax p{color:#91a594;font-size:14px;max-width:330px}.syntax .label{color:#b5ca9f}.code-box{background:#0e1511;padding:27px;border:1px solid #374b3c;border-radius:7px;box-shadow:8px 8px 0 #101812}.code-top,.code-bottom{border-color:#2b3b2e;color:#8fa68e}.kw{color:#d4b1f4}.type{color:#b8df8d}.num{color:#dfba81}.ending{padding-top:80px;padding-bottom:80px;display:flex;justify-content:space-between;align-items:center;gap:30px}.ending h2{font-size:37px;font-weight:500;letter-spacing:-1px;margin-bottom:15px}.ending p{color:#899e8e;font-size:13px;margin-bottom:0}.ending img{height:115px;width:115px;border-radius:8px;border:1px solid #34423e}.footer{border-top:1px solid #303937;color:#94a68e}.footer .logo{color:#d3f99b}.concept-bar{border-color:#303937;color:#9baa94}@media(max-width:1000px){.hero{gap:40px}.hero h1{font-size:68px;letter-spacing:-3px}.syntax-grid{gap:45px}.feature-grid article{padding:25px}}@media(max-width:800px){.header{height:90px}.header nav{font-size:9px;gap:17px}.hero{grid-template-columns:1fr;gap:40px;padding-top:45px;padding-bottom:55px}.hero h1{font-size:70px;letter-spacing:-3.8px}.hero p{font-size:14px}.hero-visual{max-width:500px;width:100%}.visual-core{height:260px}.rail{flex-wrap:wrap;gap:20px;font-size:9px}.section-top{display:block}.section-top h2{font-size:39px}.section-top>p{margin-top:25px}.ideas{padding-top:60px;padding-bottom:60px}.feature-grid{grid-template-columns:1fr}.feature-grid article+article{border-left:0;border-top:1px solid #303e36}.feature-grid .symbol{margin-bottom:22px}.syntax{padding:60px 0}.syntax-grid{grid-template-columns:1fr;gap:30px}.syntax h2{font-size:45px}.ending{padding-top:60px;padding-bottom:60px}.ending h2{font-size:30px}.ending img{width:75px;height:75px}}@media(max-width:400px){.hero h1{font-size:61px}.header nav{gap:12px}}