*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b10;color:#eaf0f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.nav{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));background:rgba(8,11,16,.86);backdrop-filter:blur(18px);border-bottom:1px solid #18202a}.brand{display:flex;align-items:center;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;margin-right:9px;background:linear-gradient(135deg,#3d8dff,#6d55e8)}.brand em{font-style:normal;color:#62a6ff}.nav nav{display:flex;gap:30px;color:#99a6b8;font-size:14px}.nav nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.nav select{background:#101720;color:#aeb9c8;border:1px solid #293444;border-radius:8px;padding:8px}.login{font-size:14px;color:#c5cfdb}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 21px;border-radius:10px;background:linear-gradient(135deg,#3285ff,#6657e9);font-weight:700;box-shadow:0 8px 30px #245fc233}.button.small{padding:9px 15px;font-size:13px}.hero{min-height:700px;max-width:1180px;margin:auto;padding:110px 24px 90px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;position:relative}.glow{position:absolute;width:500px;height:500px;left:-240px;top:80px;background:#275eff20;filter:blur(90px);pointer-events:none}.pill{display:inline-block;border:1px solid #2d4261;background:#111b29;color:#8ab9ff;padding:6px 11px;border-radius:99px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.hero h1{font-size:68px;line-height:1.02;letter-spacing:-3.5px;margin:24px 0}.hero h1 span{background:linear-gradient(90deg,#68aaff,#8675ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;color:#9daabd;max-width:590px}.hero-actions{display:flex;align-items:center;gap:22px;margin:34px 0}.ghost{font-size:14px;color:#aeb9c8}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#6e7c8e;font-size:12px}.trust b{font-weight:500}.window{border:1px solid #293647;background:#0d1219;border-radius:18px;box-shadow:0 40px 100px #0009,0 0 80px #316cff16;overflow:hidden;transform:perspective(1000px) rotateY(-3deg)}.window-top{height:43px;border-bottom:1px solid #222c39;display:flex;align-items:center;padding:0 14px;gap:7px;color:#637083;font-size:11px}.window-top i{width:8px;height:8px;background:#364252;border-radius:50%}.window-top span{margin:auto}.diagram{padding:40px}.node{border:1px solid #273344;background:#121923;border-radius:12px;padding:15px 18px;text-align:center}.node small{display:block;color:#627087;font-size:9px;letter-spacing:1.2px;margin-bottom:5px}.node b{font-size:12px}.ai{max-width:270px;margin:auto}.line{width:1px;height:34px;background:#35577f;margin:auto}.core{width:120px;height:120px;border-radius:50%;border:1px solid #4179c3;background:radial-gradient(circle,#182b47,#101721 70%);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 45px #2c79e92b;font-size:26px}.core b{font-size:14px}.core small{font-size:9px;color:#7590b3}.split{height:35px;width:50%;margin:auto;border-left:1px solid #35577f;border-right:1px solid #35577f;border-top:1px solid #35577f}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.intro{max-width:840px;margin:80px auto 30px;text-align:center;padding:70px 24px}.kicker{color:#629ff4;font-size:11px;letter-spacing:1.7px;font-weight:800;margin-bottom:14px}.intro h2,.mcp h2,.models h2,.security h2,.final h2,.example h2{font-size:42px;line-height:1.1;letter-spacing:-1.8px;margin:10px 0 18px}.intro p,.mcp-copy>p,.models>p,.security>div>p,.final>p,.example>div>p{font-size:17px;color:#8f9caf}.two{max-width:1040px;margin:20px auto 120px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.two article{padding:34px;border:1px solid #202a37;border-radius:16px;background:#0d1219;position:relative}.two .icon{font-size:28px}.two article>span{position:absolute;right:28px;top:28px;color:#3f4c5d;font-weight:800}.two h3{font-size:23px;margin:17px 0 8px}.two p{color:#8795a8;min-height:78px}.two a{color:#6da8ff;font-weight:700;font-size:13px}.soon{font-size:12px;color:#708096}.example{max-width:1040px;margin:0 auto 130px;padding:65px;border:1px solid #1e2936;border-radius:22px;background:linear-gradient(145deg,#0e151f,#0a0e14)}blockquote{font-size:19px;margin:25px 0;padding:18px 22px;border-left:3px solid #4d8cf0;background:#101925;color:#dce8f8}.flow{display:flex;align-items:center;justify-content:center;gap:11px;margin:42px 0;flex-wrap:wrap}.flow div{border:1px solid #2a3646;padding:9px 12px;border-radius:8px;font-size:11px;background:#10161e}.flow .active{border-color:#386db2;color:#81b3f8}.flow i{color:#465468}.permission{display:flex;align-items:center;gap:17px;border-top:1px solid #1e2936;padding-top:25px}.permission>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#263b5a;color:#86baff;font-weight:800}.permission p{margin:3px 0;color:#7f8da0;font-size:13px}.choices{margin-left:auto;display:flex;border:1px solid #293646;border-radius:8px;overflow:hidden}.choices i{font-style:normal;padding:7px 11px;font-size:10px;color:#69778a}.choices .ask{background:#463f25;color:#e5c96c}.choices .allow{background:#214638;color:#72d6a8}.mcp,.security{max-width:1080px;margin:0 auto 140px;padding:30px 24px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.prompt{margin-top:28px;padding:18px;border:1px solid #263445;border-radius:12px;background:#0e141c}.prompt small{color:#607087;font-size:9px}.prompt p{margin:7px 0;color:#c7d2df;font-size:13px}.orbit{height:360px;position:relative;border-radius:50%;border:1px dashed #273649}.orb-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%;background:#13243a;border:1px solid #3a72b8;display:grid;place-content:center;text-align:center;box-shadow:0 0 60px #2472dd22}.orb-core b{font-size:13px}.orbit span{position:absolute;padding:10px 15px;border:1px solid #2a3747;border-radius:9px;background:#10161f;font-size:11px}.o1{top:12%;left:12%}.o2{right:4%;top:25%}.o3{bottom:10%;right:18%}.o4{bottom:15%;left:5%}.models{max-width:1080px;margin:0 auto 140px;padding:70px 24px;text-align:center}.models>p{max-width:780px;margin:0 auto 36px}.model-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.model-row span{padding:9px 14px;border:1px solid #263241;border-radius:8px;background:#0e141c;color:#a8b5c6;font-size:12px}.dev-callout{margin:40px auto 0;max-width:780px;border:1px solid #2a3c54;background:#101925;padding:25px;border-radius:14px;text-align:left}.dev-callout p{margin:6px 0 0;color:#8493a6;font-size:14px}.security-grid{display:grid;gap:12px}.security-grid article{padding:19px;border:1px solid #202c39;border-radius:12px;background:#0e141c}.security-grid article>b{font-size:20px}.security-grid h3{font-size:14px;margin:7px 0 3px}.security-grid p{font-size:12px;color:#7c899b;margin:0}.final{max-width:900px;margin:20px auto 100px;padding:90px 35px;text-align:center;border-top:1px solid #1b2531}.final strong{display:block;max-width:720px;margin:32px auto;color:#cbd7e5;font-size:19px}.final .button{margin-top:10px}footer{max-width:1180px;margin:auto;padding:30px 24px 45px;border-top:1px solid #19222d;display:flex;align-items:center;justify-content:space-between;color:#657286;font-size:11px}footer .brand{font-size:15px;color:#dce5f0}footer .brand span{width:25px;height:25px}footer div{display:flex;gap:20px}[dir=rtl] .hero,[dir=rtl] .mcp,[dir=rtl] .security{text-align:right}[dir=rtl] blockquote{border-left:0;border-right:3px solid #4d8cf0}@media(max-width:800px){.nav nav{display:none}.nav{padding:0 18px}.login{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero h1{font-size:49px}.visual{order:2}.two,.mcp,.security{grid-template-columns:1fr;gap:35px}.intro h2,.mcp h2,.models h2,.security h2,.final h2,.example h2{font-size:34px}.example{margin-left:16px;margin-right:16px;padding:35px 22px}.permission{align-items:flex-start;flex-wrap:wrap}.choices{margin-left:54px}.orbit{height:300px}.trust{display:grid}.nav-actions{gap:7px}.button.small{display:none}footer{flex-direction:column;gap:20px;text-align:center}}

.brand span img{width:23px;height:23px;display:block}.core>img{width:45px;height:45px;margin-bottom:4px}.orb-core>img{width:42px;height:42px;margin:0 auto 4px}
