:root{--navy:#13264b;--blue:#356df3;--cyan:#31c7df;--ink:#19294a;--muted:#71809b;--line:#e8edf5;--bg:#f7faff;--white:#fff;--shadow:0 18px 50px rgba(38,67,123,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,b,.brand{font-family:"Plus Jakarta Sans",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.topbar{height:82px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#ffffffed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f8}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:-.5px}.brand b{color:var(--blue)}.brand small{display:block;font:700 9px "DM Sans";letter-spacing:1.65px;color:#92a0b8;margin-top:-3px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#3977ff,#7855ef);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 7px 15px #456ff54d;position:relative}.brand-mark span{font-size:11px;position:absolute;right:6px;top:4px;color:#ffe98b}.nav{display:flex;gap:37px;color:#64728d;font-size:14px;font-weight:700}.nav a:hover{color:var(--blue)}.top-actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:13px;padding:12px 19px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(110deg,#3674fa,#6955ec);box-shadow:0 9px 20px #5274ed35}.btn-ghost{background:transparent;color:#596985}.btn-white{background:#fff;color:#345ed2;box-shadow:0 8px 24px #183c7720}.btn-lg{padding:16px 23px;font-size:14px}.menu-btn{display:none;background:#f0f4ff;border:0;border-radius:10px;padding:9px 12px}
.hero{position:relative;overflow:hidden;min-height:560px;padding:82px max(8vw,30px) 68px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;background:radial-gradient(ellipse at 82% 34%,#e9f1ff 0,transparent 39%),linear-gradient(115deg,#fbfdff,#f4f8ff 70%,#f9faff)}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:900;color:#5275d9;display:flex;align-items:center;gap:9px}.pulse{width:8px;height:8px;border-radius:50%;background:#32c9a4;box-shadow:0 0 0 5px #32c9a41c}.hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.12;letter-spacing:-3.5px;color:#18294b;margin:22px 0 20px;font-weight:900}.hero h1 span,.section-head h2 span,.feature-copy h2 span{background:linear-gradient(100deg,#3976f7,#7d61e9 80%);background-clip:text;color:transparent}.hero-lead{font-size:17px;line-height:1.8;color:#6e7d98;max-width:530px}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:42px}.avatar-stack{display:flex}.avatar-stack i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:white;border:2px solid #fff;box-shadow:0 3px 9px #294c8a20;margin-left:-7px}.avatar-stack i:first-child{margin-left:0}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:12px}.hero-proof small{color:#8b98ad;font-size:11px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed #a9bff4;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:370px;height:230px}.orbit-two{width:290px;height:350px;transform:rotate(45deg);border-color:#c4b8f4}.core-cube{width:178px;height:178px;position:relative;transform:rotate(-30deg) skew(7deg);filter:drop-shadow(22px 30px 25px #496bdc36);animation:float 5s ease-in-out infinite}.cube-face{position:absolute;inset:0;border-radius:35px;display:grid;place-items:center;font:900 52px "Plus Jakarta Sans";color:#fff}.face-front{background:linear-gradient(145deg,#3f9dff,#6455e9);transform:translateZ(45px);box-shadow:inset 5px 5px 15px #ffffff55}.face-side{background:linear-gradient(145deg,#7655e9,#a44bd7);transform:translate(28px,22px) scale(.92);z-index:-1;opacity:.8}.face-top{font-size:30px;color:#ffe58b;transform:translate(-18px,-18px) scale(.8);z-index:2}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#ffffffed;border:1px solid #fff;border-radius:17px;padding:13px 15px;box-shadow:0 14px 40px #31518c20;backdrop-filter:blur(10px)}.float-top{top:55px;left:4%}.float-bottom{bottom:48px;right:0}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:10px;color:#8c9ab0}.float-card strong{font-size:9px;color:#27bd9a;margin-left:10px}.mini-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:20px}.mini-icon.blue{background:#eaf1ff;color:#3773f5}.mini-icon.purple{background:#f1eaff;color:#8a58e8}.live-dot{background:#e8fbf5;padding:5px 7px;border-radius:7px}.spark{position:absolute;color:#f7b83e;font-size:27px}.spark-a{top:27%;right:14%}.spark-b{bottom:22%;left:13%;color:#9b6cf1}.spark-c{top:13%;left:30%;color:#37bcd6}.hero-blob{position:absolute;width:430px;height:430px;border-radius:50%;background:linear-gradient(140deg,#dbe9ff,#eee6ff);filter:blur(2px);right:-180px;bottom:-280px;opacity:.6}
@keyframes float{50%{transform:translateY(-13px) rotate(-25deg) skew(7deg)}}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 10%;background:#fff;border-bottom:1px solid var(--line);border-top:1px solid #edf1f8}.stats-strip div{text-align:center;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip b{font-size:29px;letter-spacing:-1px;color:#233a69}.stats-strip b span{color:#4c7bf4}.stats-strip small{display:block;color:#8491a7;font-size:12px;font-weight:700}
.section{padding:92px max(7vw,24px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2,.feature-copy h2{font-size:clamp(32px,4vw,46px);line-height:1.2;letter-spacing:-2px;margin:13px 0 0;color:#1b2d50}.section-head>p{max-width:390px;color:#7b89a1;line-height:1.8;font-size:14px;margin:0 0 5px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{border:1px solid #edf0f7;background:#fff;border-radius:20px;padding:21px 16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;min-height:178px;box-shadow:0 8px 28px #314c7a08;cursor:pointer;transition:.25s}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#dbe5ff}.cat-emoji{width:49px;height:49px;border-radius:16px;display:grid;place-items:center;font-size:25px;box-shadow:inset 0 2px 5px #fff9}.cat-network .cat-emoji{background:#e4f2ff}.cat-os .cat-emoji{background:#eee9ff}.cat-ai .cat-emoji{background:#e6faf4}.cat-discrete .cat-emoji{background:#fff3df}.cat-facility .cat-emoji{background:#ffeaf1}.category-card b{font-size:13px;display:block}.category-card small{font-size:10px;color:#8996aa;display:block;margin-top:5px}.category-card i{font-style:normal;color:#8b9bb8;position:absolute;align-self:flex-end;margin-top:-1px}
.lab-section{background:#f8faff}.toolbar{display:flex;flex-direction:column;gap:17px;margin-bottom:27px}.searchbox{height:51px;background:#fff;border:1px solid #e7edf7;border-radius:14px;display:flex;align-items:center;padding:0 17px;gap:11px;max-width:500px;color:#8392ac}.searchbox span{font-size:25px}.searchbox input{border:0;outline:0;width:100%;color:var(--ink);font-size:13px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #e3eaf5;background:#fff;color:#71809b;border-radius:30px;padding:8px 15px;font-size:11px;font-weight:800;cursor:pointer}.filter.active,.filter:hover{background:#eaf0ff;border-color:#cddcff;color:#3b6ee9}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lab-card{background:#fff;border:1px solid #eaf0f7;border-radius:21px;padding:19px;box-shadow:0 7px 25px #2c4b7b08;transition:.22s;display:flex;flex-direction:column;min-height:255px}.lab-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #2c4b7b14}.lab-visual{height:100px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:17px;overflow:hidden;position:relative}.lab-visual:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:35px;top:-70px;background:#ffffff50}.lab-visual .emoji{font-size:38px;filter:drop-shadow(0 8px 7px #203c5533);z-index:1}.lab-visual .code{font:900 24px "Plus Jakarta Sans";color:#20365d30;z-index:1}.tone-0{background:linear-gradient(120deg,#e5f3ff,#dce7ff)}.tone-1{background:linear-gradient(120deg,#f0eaff,#e4e2ff)}.tone-2{background:linear-gradient(120deg,#e2f8f1,#d8f3f3)}.tone-3{background:linear-gradient(120deg,#fff1df,#ffe8dc)}.tone-4{background:linear-gradient(120deg,#ffeaf2,#f9e4f5)}.lab-meta{font-size:10px;color:#6e84ae;font-weight:800;margin-bottom:7px}.lab-card h3{font-size:15px;line-height:1.35;margin:0 0 8px;letter-spacing:-.3px}.lab-card p{font-size:11px;color:#8793a8;line-height:1.6;margin:0 0 16px;flex:1}.lab-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f3f8;padding-top:13px}.level{font-size:9px;color:#8b97ab;background:#f5f7fb;border-radius:20px;padding:5px 9px}.open-lab{border:0;background:none;color:#426fe1;font-size:11px;font-weight:900;cursor:pointer}.empty-state{text-align:center;color:#8190a8;padding:40px}
.feature-band{padding:85px max(8vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.feature-art{min-height:310px;border-radius:30px;background:radial-gradient(circle at 35% 40%,#d7e5ff,#eef1ff 55%,#f4eaff);display:grid;place-items:center;position:relative;overflow:hidden}.glass-panel{width:75%;background:#ffffffd9;border:1px solid #fff;border-radius:20px;padding:20px;box-shadow:0 22px 45px #365ca52b;transform:rotate(-5deg);backdrop-filter:blur(10px);z-index:2}.panel-head,.panel-foot{display:flex;justify-content:space-between;font-size:9px;font-weight:900;color:#7888a5}.status{color:#27b58e}.bars{height:135px;display:flex;align-items:end;gap:13px;padding:15px 5px}.bars i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#55c8e6,#5578f4);box-shadow:0 5px 10px #5c8af32c}.panel-foot{border-top:1px solid #e9eef8;padding-top:12px}.panel-foot b{color:#2ab38c}.feature-orb{position:absolute;right:11%;top:12%;width:65px;height:65px;border-radius:22px;background:linear-gradient(145deg,#ffca74,#ff8f9e);display:grid;place-items:center;color:white;font-size:35px;box-shadow:0 13px 25px #f19a8d66;transform:rotate(18deg)}.feature-copy p{color:#7d8ba2;font-size:14px;line-height:1.9;margin:20px 0}.feature-copy ul{list-style:none;padding:0;margin:0 0 25px}.feature-copy li{font-size:12px;color:#596b89;margin:12px 0}.feature-copy li span{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e8f8f2;color:#24ad85;margin-right:9px;font-weight:900}
.cta{margin:20px max(5vw,20px) 75px;padding:50px 7%;border-radius:30px;background:linear-gradient(115deg,#2f69e8,#6055df 70%,#7655d9);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta .eyebrow{color:#d8e4ff}.cta h2{font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:12px 0}.cta p{color:#e0e7ff;font-size:13px}.cta .btn{z-index:2}.cta-shape{position:absolute;right:32%;font-size:160px;color:#ffffff12;top:-45px}
footer{padding:35px max(7vw,24px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}footer p{justify-self:end;color:#8290a7;font-size:12px}footer>small{color:#9aa6b9;font-size:10px}
.modal-backdrop{position:fixed;inset:0;background:#12213bb8;backdrop-filter:blur(7px);z-index:50;display:grid;place-items:center;padding:20px;overflow:auto}.modal{background:#fff;border-radius:25px;width:min(850px,100%);max-height:92vh;overflow:auto;padding:26px;box-shadow:0 25px 90px #071a3b55}.modal-header{display:flex;justify-content:space-between;align-items:start}.modal-header h3{font-size:25px;margin:5px 0}.close-btn{border:0;background:#f0f3f9;color:#52617d;width:37px;height:37px;border-radius:12px;font-size:24px;cursor:pointer}.modal-desc{color:#7a89a1;font-size:13px}.modal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.safe-note{font-size:10px;color:#2aa984}.sim-panel{background:#f6f9ff;border:1px solid #e5ecf8;border-radius:18px;padding:20px;margin-top:17px}.sim-panel h4{margin:0 0 14px;font-size:14px}.sim-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.sim-controls label,.auth-card label{display:block;font-size:11px;font-weight:800;color:#64738e;margin-bottom:6px}.sim-controls input,.sim-controls select,.auth-card input{border:1px solid #dfe7f3;border-radius:10px;background:white;padding:10px 12px;min-width:100px;outline:none;color:#243653}.sim-controls input:focus,.auth-card input:focus{border-color:#6c8ef1;box-shadow:0 0 0 3px #6c8ef11b}.sim-output{margin-top:15px;background:#fff;border:1px solid #e8edf6;border-radius:13px;padding:14px;color:#4d6184;font-size:12px;line-height:1.8;overflow:auto}.sim-output strong{color:#263b65}.sim-btn{background:#416ff0;color:#fff;border:0;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:900;cursor:pointer}.gantt{display:flex;gap:3px;margin-top:12px;min-height:48px}.gantt span{display:grid;place-items:center;background:linear-gradient(135deg,#6a8cf5,#5d6ce0);color:white;border-radius:5px;font-size:10px;min-width:25px;flex:1}.memory-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:12px}.memory-grid i{font-style:normal;background:#e3edff;border-radius:6px;padding:9px 2px;text-align:center;font-size:10px;color:#3b63b6}.memory-grid i.active{background:#665fe6;color:#fff}.grid-board{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:420px;margin-top:12px}.grid-board button{aspect-ratio:1;border:0;border-radius:5px;background:#e6edf9;cursor:pointer}.grid-board button.wall{background:#34496f}.grid-board button.start{background:#39c59c}.grid-board button.end{background:#ffb64d}.grid-board button.path{background:#8b83f4}.grid-board button.visited{background:#c8d8ff}
.auth-card{background:white;border-radius:24px;width:min(410px,100%);padding:30px;position:relative}.auth-close{position:absolute;right:20px;top:20px}.auth-mark{margin-bottom:15px}.auth-card h3{font-size:25px;margin:0}.auth-card p{color:#8390a5;font-size:12px;margin:5px 0 22px}.auth-card label{margin:13px 0 6px}.auth-card input{width:100%}.full{width:100%;margin-top:20px}.auth-switch{border:0;background:none;color:#4a70df;font-size:11px;font-weight:800;cursor:pointer;width:100%;margin-top:15px}.auth-message{font-size:11px;color:#d34b5d;margin-top:10px;min-height:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#1e3155;color:white;padding:12px 18px;border-radius:12px;font-size:12px;z-index:100;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:950px){.hero{padding-left:6vw;padding-right:6vw}.category-grid{grid-template-columns:repeat(3,1fr)}.lab-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:18px}.hero-art{transform:scale(.85)}}@media(max-width:680px){.topbar{height:70px;padding:0 18px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;flex-direction:column;box-shadow:var(--shadow)}.nav.open{display:flex}.top-actions .btn-ghost,.top-actions .btn-primary{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:55px 24px 30px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-lead{font-size:15px}.hero-art{height:290px;transform:scale(.8);margin-top:10px}.stats-strip{padding:22px 10px;grid-template-columns:repeat(2,1fr);gap:20px}.stats-strip div:nth-child(2){border:0}.stats-strip b{font-size:24px}.section{padding:65px 20px}.section-head{display:block}.section-head>p{margin-top:16px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:160px;padding:15px}.category-card b{font-size:11px}.category-card small{font-size:9px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:230px}.feature-band{grid-template-columns:1fr;padding:60px 20px;gap:35px}.feature-art{min-height:260px}.cta{margin:10px 14px 50px;padding:35px 25px;display:block}.cta .btn{margin-top:15px}.cta h2{font-size:29px}footer{grid-template-columns:1fr;padding:28px 20px}footer p{justify-self:start;margin:0}footer>small{margin-top:10px}.modal{padding:19px}.modal-header h3{font-size:20px}.modal-footer{align-items:flex-start;gap:12px;flex-direction:column}.memory-grid{grid-template-columns:repeat(6,1fr)}}