@font-face{font-family:Studio;src:url(/editor/static/fonts/NotoSans-Regular.woff2)}@font-face{font-family:Studio;src:url(/editor/static/fonts/NotoSans-Bold.woff2);font-weight:700}:root{--ink:#173b34;--muted:#65766e;--paper:#f6f7f1;--green:#c8ee78}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Studio,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #65a628}.landing{max-width:1440px;margin:auto;padding:0 5.5%}.nav{border-bottom:1px solid #dce1d7;justify-content:space-between;align-items:center;height:98px;display:flex}.brand{white-space:nowrap;letter-spacing:-1.5px;align-items:center;font-size:29px;font-weight:700;display:flex}.brand>span{color:#e13e48}.brand i{color:#c6cec2;margin:0 18px;font-style:normal;font-weight:400}.brand small{letter-spacing:2px;font-size:10px}.edition{letter-spacing:2px;color:var(--muted);font-size:10px}.nav-link{font-size:12px;font-weight:700}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:45px;padding:72px 0 65px;display:grid}.eyebrow{letter-spacing:1.8px;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.eyebrow>span,.live-dot{background:#62935c;border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(42px,4.6vw,66px);line-height:1.2}.hero h1 em{color:#71963c;font-style:normal}.hero p{max-width:410px;color:var(--muted);margin-bottom:30px;font-size:15px;line-height:1.9}.primary{background:var(--ink);color:#fff;border-radius:7px;align-items:center;gap:42px;padding:18px 23px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 5px #dbe2d4}.primary:hover{background:#245548}.primary span{font-size:20px}.hero-note{color:var(--muted);margin-top:20px;font-size:10px}.hero-note b{margin:0 8px}.illustration{background-color:#eaf0df;background-image:radial-gradient(#bdcbaa 1px,#0000 1px);background-size:20px 20px;border:1px solid #dce5d1;border-radius:16px;height:425px;position:relative;overflow:hidden}.canvas-label{letter-spacing:1px;background:#f8faef;border:1px solid #dce5d1;border-radius:20px;padding:9px 13px;font-size:9px;position:absolute;top:25px;left:25px}.canvas-label .live-dot{margin-right:6px}.code-stack{z-index:2;position:absolute;top:109px;left:45px;transform:rotate(-5deg)}.demo-block{color:#fff;border-radius:7px;width:max-content;min-width:200px;margin-top:-1px;padding:15px 18px;font-size:12px;font-weight:700;position:relative;box-shadow:0 3px #0002}.demo-block:after{content:"";background:inherit;z-index:3;border-radius:0 0 5px 5px;width:22px;height:8px;position:absolute;bottom:-5px;left:25px}.demo-block b{color:#487ba5;background:#fff;border-radius:14px;margin:0 5px;padding:3px 10px;display:inline-block}.event{background:#dc9b26;min-width:150px}.motion{background:#438fce}.control{background:#cf9b38;min-width:220px}.control span{float:right;font-size:23px}.robot-tile{z-index:4;background:#d4f16d;border:5px solid #e9ffad;border-radius:28px;width:116px;height:127px;position:absolute;bottom:87px;right:27px;transform:rotate(10deg);box-shadow:0 12px 25px #3d4c3522}.robot-face{background:#173e36;border-radius:14px;justify-content:center;align-items:center;gap:24px;height:43px;margin:17px 10px 0;display:flex}.robot-face i{background:#d6f48b;border-radius:5px;width:8px;height:13px}.robot-name{text-align:center;margin-top:7px;font-size:21px;font-weight:700}.robot-wheel{background:#345146;border-radius:5px;width:14px;height:51px;position:absolute;top:43px}.robot-wheel.left{left:-14px}.robot-wheel.right{right:-14px}.canvas-caption{color:#67775b;font-size:11px;position:absolute;bottom:26px;left:25px}.canvas-number{letter-spacing:1px;color:#7a8b6f;font-size:9px;position:absolute;top:29px;right:22px}.orbit{border:1px solid #cbd9b7;border-radius:50%;width:290px;height:290px;position:absolute;top:90px;right:-60px}.orbit-two{width:380px;height:380px;top:45px;right:-105px}.features{border-top:1px solid #dce1d7;grid-template-columns:repeat(3,1fr);gap:45px;padding:33px 0 43px;display:grid}.feature-index{letter-spacing:1.5px;color:#7d8c73;font-size:9px}.features h2{letter-spacing:-.5px;margin:13px 0 9px;font-size:18px}.features p{color:var(--muted);max-width:315px;margin:0;font-size:12px;line-height:1.85}footer{color:var(--muted);border-top:1px solid #dce1d7;justify-content:space-between;padding:23px 0;font-size:10px;display:flex}.studio{background:#fff;flex-direction:column;height:100dvh;display:flex}.studio-bar{background:var(--paper);border-bottom:1px solid #dce1d7;flex-shrink:0;align-items:center;gap:20px;height:62px;padding:0 22px;display:flex}.studio-bar .brand{font-size:25px}.studio-status{color:var(--muted);margin-left:auto;font-size:11px}.studio-status .live-dot{margin-right:7px}.studio-bar button,.help button{color:var(--ink);background:#fff;border:1px solid #dce1d7;border-radius:5px;padding:7px 12px;font-size:11px}.studio-bar button span{margin-left:8px}.editor-container{flex:1;min-height:0;position:relative;overflow:hidden}.editor-container iframe{border:0;width:100%;height:100%;display:block}.loading{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.loading h2{font-size:20px}.loading p{color:var(--muted);font-size:13px}.loading button{padding:10px 20px}.spinner{border:3px solid #dce1d7;border-top-color:#507947;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio-footer{background:var(--paper);color:var(--muted);justify-content:space-between;gap:15px;padding:7px 18px;font-size:9px;display:flex}.rotate-note{display:none}.help{background:#eef5e4;border-bottom:1px solid #dce1d7;gap:30px;padding:18px 24px;display:flex}.help>div{flex:1}.help strong{font-size:13px}.help p{margin:5px 0;font-size:12px;line-height:1.6}.help button{align-self:start}@media (min-width:1450px){.hero{padding:90px 0}.illustration{height:470px}.code-stack{top:130px;left:65px}.robot-tile{bottom:100px;right:50px}}@media (max-width:850px){.landing{padding:0 6%}.nav{height:78px}.edition{display:none}.hero{gap:25px;padding:45px 0}.hero h1{letter-spacing:-2px;font-size:43px}.hero p{font-size:13px}.illustration{height:360px}.code-stack{transform-origin:0 0;top:100px;left:20px;transform:rotate(-5deg)scale(.85)}.robot-tile{bottom:45px;right:10px;transform:rotate(10deg)scale(.8)}.features{gap:25px}.studio-status{display:none}.studio-bar button{margin-left:auto}.rotate-note{display:block}}@media (max-width:600px){.hero{grid-template-columns:1fr;gap:35px;padding-top:34px}.hero h1{font-size:46px}.hero p{max-width:350px}.hero-note{font-size:9px}.illustration{height:330px}.code-stack{top:90px;left:32px;transform:rotate(-5deg)scale(.9)}.robot-tile{bottom:52px;right:25px}.features{grid-template-columns:1fr;gap:27px}.features article{border-bottom:1px solid #e5e8df;padding-bottom:20px}.features article:last-child{border:0;padding-bottom:0}.features p{max-width:none}footer{flex-wrap:wrap;gap:15px;font-size:9px}.brand small{letter-spacing:1.3px;font-size:8px}.brand i{margin:0 12px}.studio-bar{height:52px;padding:0 12px}.studio-footer{padding:5px 8px;font-size:8px}.studio-footer>span:first-child{display:none}.help{flex-wrap:wrap;gap:15px;max-height:40dvh;padding:12px;overflow:auto}.help>div{min-width:200px}.help button{position:absolute;right:12px}.loading h2{font-size:17px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.mindx-official-logo{vertical-align:middle;flex-shrink:0;width:160px;height:50px;display:inline-block;position:relative;overflow:hidden}.mindx-official-logo img{width:211%;max-width:none;height:auto;position:absolute;top:-71%;left:-56%}.mindx-official-logo.compact{width:66px;height:25px}.official-brand{align-items:center;gap:7px;display:inline-flex}.official-brand .mindx-official-logo.compact img{top:-71%}.hub-nav .mindx-official-logo{width:180px;height:56px}.training-brand .mindx-official-logo,.custom-designer-page .training-brand .mindx-official-logo{width:128px;height:40px}.focus-brand{margin-right:0}@media (max-width:650px){.hub-nav .mindx-official-logo{width:125px;height:40px}.training-brand .mindx-official-logo{width:95px;height:30px}}.mindx-official-logo img,.editor-mindx-logo img{object-fit:contain!important;width:100%!important;height:100%!important;inset:0!important}