@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101210;--panel:#191c19;--line:#30352e;--muted:#92998f;--lime:#d3f76a;--accent:#d3f76a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f5ee;font-family:'DM Sans',sans-serif;font-size:16px}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:88px;padding:0 3.4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:48px}.brand{display:flex;align-items:center;font-size:28px;font-weight:700;letter-spacing:-1.5px;gap:9px}.mark{display:grid;place-items:center;background:var(--lime);color:#141810;width:34px;height:38px;border-radius:9px;font-size:36px;line-height:1}.beta{font-size:10px;letter-spacing:1px;color:#939c8e;border:1px solid #41483b;border-radius:4px;padding:4px;margin-left:4px}nav{display:flex;gap:26px;height:100%;align-items:center}.nav{border:0;background:none;color:var(--muted);font-size:14px;height:100%;padding:0;position:relative}.nav.active{color:#f1f4ec}.nav.active:after{content:'';height:2px;background:var(--lime);position:absolute;bottom:0;left:0;right:0}.headright{margin-left:auto;display:flex;gap:24px;align-items:center}.network{font-size:13px;color:#bac0b4;white-space:nowrap}.network i{font-size:23px;color:var(--lime);vertical-align:middle}.wallet{background:#242923;border:1px solid #41483c;border-radius:8px;padding:12px 17px;font-size:14px}.wallet span{margin-left:14px}main{max-width:1680px;margin:auto;padding:44px 3.4% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:600;display:flex;align-items:center;gap:8px}.eyebrow span{height:5px;width:5px;background:var(--lime);border-radius:50%}h1{font-family:'Space Grotesk',sans-serif;font-size:42px;letter-spacing:-1.8px;margin:12px 0}h1 span{color:#979e91}.intro p{color:var(--muted);margin:0;font-size:15px}.steps{display:flex;gap:23px;font-size:12px;color:#686f63}.steps span{display:flex;gap:8px;align-items:center}.steps b{font-size:13px;font-weight:400}.steps .selected{color:var(--lime)}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:660px;background:#171a16}.agent{border-right:1px solid var(--line);display:flex;flex-direction:column;background:#1a1d19}.panelhead{height:57px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:14px}.tiny-logo{color:var(--lime);font-size:21px;margin-right:7px}.muted{color:var(--muted)}.agentbody{padding:24px 22px;flex:1}.assistant-icon{border:1px solid #485638;background:#2b3622;color:var(--lime);border-radius:11px;width:42px;height:42px;display:grid;place-items:center;font-size:25px}h2{font-family:'Space Grotesk',sans-serif}.agent h2{font-size:23px;letter-spacing:-.8px;margin:18px 0 10px}.agent p{color:#9ea596;font-size:14px;line-height:1.7;margin:0}.message{font-size:13px;line-height:1.6;color:#bdc4b5;margin-top:18px;padding-left:12px;border-left:2px solid #647a45}.prompt-label{font-size:10px;letter-spacing:1.5px;color:#7c8674;margin:25px 0 10px}.examples{display:grid;gap:7px}.examples button{text-align:left;background:#22271f;border:1px solid #353c2d;color:#bac4ae;font-size:12px;line-height:1.5;border-radius:7px;padding:10px 12px}.examples button:hover{border-color:#829963;color:white}.customize{margin-top:25px}.customize label{display:block;font-size:10px;letter-spacing:1.3px;color:#89937f;margin-bottom:8px}.customize input{width:100%;border:1px solid #3c4335;border-radius:6px;padding:9px 10px;background:#131711;color:#e9eee2;font-size:14px}.colorrow{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:12px;color:#a8b09e}.swatches{display:flex;gap:7px}.swatches button{background:var(--c);border:2px solid #1a1d19;width:19px;height:19px;border-radius:50%;padding:0}.swatches .chosen{outline:1px solid #b6c1ab}form{margin:0 14px 12px;border:1px solid #47503d;border-radius:10px;background:#121610;padding:13px}textarea{resize:vertical;min-height:70px;max-height:180px;width:100%;background:none;border:none;outline:none;color:#e6eddf;font-size:14px;line-height:1.5}textarea::placeholder{color:#849077}.composerfoot{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#7e8a70}.composerfoot button{border:0;border-radius:6px;background:var(--lime);padding:10px 9px;color:#18230d;font-size:11px;font-weight:700}.agentfoot{display:flex;justify-content:space-between;font-size:10px;color:#7e8677;padding:0 17px 13px}.preview-panel{min-width:0;display:flex;flex-direction:column}.previewtools{height:57px;display:flex;align-items:center;padding:0 18px;gap:16px;border-bottom:1px solid var(--line)}.preview-label{font-size:12px;display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;background:var(--lime);border-radius:100%}.badge{font-size:9px;letter-spacing:.6px;background:#292e25;border:1px solid #414637;padding:3px 5px;border-radius:4px;color:#9da690}.devices{display:flex;border:1px solid #343b2d;border-radius:6px;margin:auto;padding:2px}.devices button{background:none;border:0;color:#839075;font-size:22px;width:31px;height:27px;line-height:1}.devices button.selected{background:#313a28;color:#edf7dd;border-radius:4px}.publish{font-size:12px;border:1px solid #b1d783;background:var(--lime);color:#1a280c;border-radius:6px;padding:9px 12px;font-weight:600}.browserbar{background:#22271f;padding:11px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8f9b81}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#4c5643}.browserbar button{background:none;border:0;color:#a0ad90;font-size:17px}.preview-scroll{background:#11160e;flex:1;overflow:auto;padding:0}.site-preview{background:#121a0f;color:#f2f5ec;min-height:560px;max-width:100%;margin:auto;transition:max-width .3s;--accent:#d3f76a}.site-preview.mobile{max-width:390px}.site-nav{margin:0 30px;height:69px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33402a}.site-brand{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.orbit-logo{font-size:33px;color:var(--accent);font-weight:400}.site-brand small{font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:1.7px;color:#9da98d;align-self:end;margin-bottom:9px;margin-left:5px}.site-nav>div{display:flex;align-items:center;gap:21px;font-size:10px}.preview-connect{background:none;border:1px solid #4b5a3c;border-radius:30px;font-size:10px;padding:9px 12px}.site-hero{display:flex;align-items:center;min-height:330px;padding:38px 34px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;width:66%}.site-kicker{font-size:8px;letter-spacing:1.9px;color:var(--accent)}.hero-copy h2{font-size:clamp(32px,3.6vw,58px);line-height:1.08;font-weight:500;letter-spacing:-2.5px;margin:19px 0}.hero-copy em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero-copy p{font-size:12px;line-height:1.7;color:#a2ae96;margin:0 0 23px}.hero-button{border:0;background:var(--accent);color:#17200f;padding:12px 18px;border-radius:30px;font-size:12px;font-weight:650}.hero-button span{margin-left:20px}.hero-note{display:block;font-size:8px;color:#78886a;margin-top:12px}.orbital{position:absolute;right:-55px;top:25px;width:370px;height:340px;opacity:.9}.ring{border:1px solid #55683e;border-radius:50%;position:absolute;inset:30px 0;transform:rotate(-30deg) scaleY(.6)}.r2{transform:rotate(45deg) scaleY(.7)}.r3{transform:rotate(105deg) scaleY(.6)}.orb{position:absolute;inset:80px 52px;display:flex;align-items:center;justify-content:center;font:500 italic 85px Georgia,serif;letter-spacing:-12px;color:var(--accent);transform:rotate(-18deg)}.orb span{color:#819463}.satellite{position:absolute;color:var(--accent);font-size:36px}.s1{top:53px;right:92px}.s2{bottom:60px;left:28px;font-size:25px}.orbit-caption{position:absolute;bottom:24px;left:75px;font-size:7px;letter-spacing:3px;color:#83916f}.ticker{display:flex;gap:30px;align-items:center;border-top:1px solid #3a472d;border-bottom:1px solid #3a472d;background:#1c2716;padding:13px 0;white-space:nowrap;overflow:hidden;font-size:8px;letter-spacing:1.7px;color:#b4c69b}.ticker b{color:var(--accent);font-size:13px}.tokens{padding:26px 30px}.token-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.tokens h3{font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:0 0 5px}.tokens p{font-size:10px;color:#849578;margin:0}.sample-label{font-size:8px;color:#8d9c80;letter-spacing:1px;border:1px solid #35432b;padding:5px 7px;border-radius:4px}.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.token-grid article{display:flex;align-items:center;gap:9px;border:1px solid #37432e;border-radius:8px;padding:13px 10px;background:#1b2416}.token-grid article>span{font-size:11px;color:#80946c;margin-left:auto}.token-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:26px;flex-shrink:0;color:#24221b}.violet{background:#b7a4ec}.orange{background:#eabb87}.green{background:#bccf8e}.token-grid h4{font-size:10px;margin:0 0 5px;font-weight:500}.token-grid h4 span{font-size:7px;color:#92a180;display:block;margin-top:3px}.token-grid article p{font-size:8px}.preview-footer{border-top:1px solid #2d3b24;margin:0 30px;padding:16px 0;font-size:8px;color:#7f9070;display:flex;justify-content:space-between}.preview-footer b{color:#b8c7a6}.preview-bottom{display:flex;justify-content:space-between;padding:12px 18px;font-size:10px;color:#89977c;border-top:1px solid #303b27;margin-top:auto}.below{display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:#959e8c;font-size:12px}.below b{color:#66725c;font-size:10px;margin-right:9px}.below a{color:#c7d2bd}body>footer{max-width:1680px;margin:20px auto 0;padding:25px 3.4%;display:flex;justify-content:space-between;border-top:1px solid #282e24;color:#74806a;font-size:12px}footer small{margin-left:20px;color:#67715f;font-size:11px}dialog{background:#1c2318;border:1px solid #506440;color:#f0f4e9;border-radius:16px;padding:32px;max-width:450px;width:calc(100% - 32px)}dialog::backdrop{background:#060b07bb;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog p{color:#b3bea7;font-size:15px;line-height:1.7}#close{position:absolute;right:14px;top:9px;border:0;background:none;color:#8f9c82;font-size:25px}.primary{background:var(--lime);color:#1a260f;border:0;padding:12px 20px;border-radius:8px;font-weight:600;margin-top:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d0f6a4;color:#19250f;padding:12px 22px;border-radius:8px;font-size:14px;transition:.2s;z-index:5}#toast.visible{opacity:1;transform:translate(-50%,0)}.explore-desc{color:#9daa91;line-height:1.7}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0 100px}.explore-grid>button{text-align:left;border:1px solid #39422e;background:#1a2116;padding:12px;border-radius:14px}.concept{height:250px;border-radius:8px;padding:25px;font:600 30px 'Space Grotesk',sans-serif;color:#202819;display:flex;flex-direction:column}.concept span{font-size:110px;align-self:center}.lime{background:#d3f76a}.purple{background:#b9a0ff}.coral{background:#ffa48d}.explore-grid h2{margin:20px 10px 8px}.explore-grid p{font-size:13px;margin:0 10px 15px;color:#adb79f}.mobile .site-nav{margin:0 16px}.mobile .site-nav>div a,.mobile .site-brand small{display:none}.mobile .site-hero{padding:32px 20px}.mobile .hero-copy{width:100%}.mobile .hero-copy h2{font-size:40px}.mobile .orbital{opacity:.16;right:-150px}.mobile .tokens{padding:24px 17px}.mobile .token-grid{grid-template-columns:1fr}.mobile .token-grid h4{font-size:13px}.mobile .token-grid article p{font-size:11px}.mobile .preview-footer{margin:0 17px}.mobile .tokens h3{font-size:19px}.mobile .sample-label{font-size:7px}
@media(min-width:1550px){.workspace{grid-template-columns:370px minmax(0,1fr)}.site-hero{min-height:380px}.orbital{right:15px;transform:scale(1.2);top:40px}.hero-copy h2{font-size:62px}}@media(max-width:1150px){header{gap:25px}nav{gap:18px}.network{display:none}.workspace{grid-template-columns:295px minmax(0,1fr)}.steps{display:none}.site-nav>div a{display:none}.site-brand small{display:none}.token-grid{grid-template-columns:1fr}.token-grid article p{font-size:10px}.orbital{right:-160px;opacity:.4}.hero-copy{width:100%}.hero-copy h2{font-size:44px}.site-hero{padding:28px}.agentbody{padding:22px 18px}.preview-label{font-size:11px}.badge{display:none}.previewtools{gap:8px;padding:0 12px}.publish{font-size:10px}.below{font-size:11px}}@media(max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:24px}.beta,nav,.network{display:none}.headright{gap:0}.wallet{font-size:12px;padding:10px}main{padding:28px 16px 0}h1{font-size:32px;letter-spacing:-1.4px}.intro p{font-size:14px;line-height:1.6}.workspace{grid-template-columns:1fr}.agent{border-right:0;border-bottom:1px solid var(--line)}.agentbody{padding:20px}.agentbody>.assistant-icon,.agentbody h2,.agentbody>p{display:none}.message{margin-top:0}.prompt-label{margin-top:18px}.customize{margin-top:17px}.examples{grid-template-columns:1fr}.examples button{font-size:12px}.preview-panel{min-height:600px}.site-hero{padding:28px 22px}.hero-copy h2{font-size:42px}.site-nav{margin:0 20px}.tokens{padding:22px 20px}.previewtools{height:60px}.preview-label{font-size:12px}.publish{font-size:11px}.below{flex-wrap:wrap;gap:16px}.below a{width:100%}.preview-bottom{font-size:8px;padding:12px}.site-brand{font-size:23px}.preview-connect{font-size:9px}.site-hero{min-height:320px}body>footer{padding:20px;gap:20px;font-size:10px}footer small{display:none}.explore-grid{grid-template-columns:1fr;margin:25px 0 40px}.concept{height:200px}.explore-grid p{font-size:14px}.token-grid h4{font-size:12px}.token-grid h4 span{font-size:9px}}