.playground{color:#18201e}.playground button{cursor:pointer;font-family:inherit}.playground button:focus-visible,.playground a:focus-visible,.playground [role=tabpanel]:focus-visible{outline-offset:5px;outline:3px solid #315eea}.playground-controls{justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.5rem;display:flex}.playground-tabs{background:#e7e8e1;border-radius:999px;gap:.3rem;padding:.32rem;display:flex}.playground-tabs button{color:#5f6660;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.95rem 1.35rem;font-size:.8rem;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.playground-tabs button[aria-selected=true]{color:#f8f9f0;background:#18201e;box-shadow:0 3px 8px #18201e13}.playground-tabs button:hover:not([aria-selected=true]){color:#18201e;background:#ffffff70}.playground-intro{color:#717970;align-items:center;gap:.8rem;font-size:.73rem;display:flex}.playground-panel{background:#f5f5f0;border:1px solid #d8dcd1;border-radius:24px;overflow:hidden}.playground-website-stage{isolation:isolate;background:#111819;background-image:radial-gradient(ellipse at 50% -40%, color-mix(in srgb, var(--playground-accent) 21%, transparent), transparent 67%);min-height:530px;padding:3.2rem 9% 5.8rem;transition:background .65s;position:relative;overflow:hidden}.playground-website-stage:before{content:"";background:var(--playground-accent);opacity:.055;filter:blur(55px);z-index:-1;border-radius:50%;width:70%;height:70%;transition:background .6s;position:absolute;inset:10% 15%}.playground-browser{background:var(--playground-light);border:1px solid #fff3;border-radius:14px;max-width:1020px;margin:auto;transition:background .6s,transform .5s;overflow:hidden;transform:perspective(1400px)rotateX(3deg);box-shadow:0 38px 80px -30px #000a}.playground-browser:hover{transform:perspective(1400px)rotateX(0)}.playground-browser-bar{color:#7d8479;letter-spacing:.02em;background:#f5f6f0;justify-content:space-between;align-items:center;min-height:35px;padding:0 1rem;font-size:.6rem;display:flex}.playground-browser-dots{gap:4px;width:36px;display:flex}.playground-browser-dots i{background:#c8cdc2;border-radius:50%;width:5px;height:5px;display:block}.playground-mini-site{color:var(--playground-deep);padding:1.6rem 3rem 1.3rem;transition:color .6s}.playground-mini-nav,.playground-mini-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.playground-mini-nav>span:last-child,.playground-mini-bottom>span:last-child{align-items:center;gap:.8rem;font-size:.64rem;display:flex}.playground-mini-brand{font-family:var(--font-sora), sans-serif;letter-spacing:-.08em;align-items:center;gap:.45rem;font-size:1.2rem;font-weight:500;display:flex}.playground-mini-brand i{width:13px;height:13px;box-shadow:7px 0 0 -1.5px var(--playground-light), 7px 0 0 0 currentColor;border:1.5px solid;border-radius:50%;margin-right:5px;transition:box-shadow .6s}.playground-mini-hero{grid-template-columns:1fr 1fr;align-items:center;gap:1rem;min-height:355px;display:grid}.playground-mini-copy{z-index:1;position:relative}.playground-mini-copy>span:first-child{letter-spacing:.015em;font-size:.66rem}.playground-mini-copy h3{font-family:var(--font-sora), sans-serif;letter-spacing:-.065em;margin:1.2rem 0 1rem;font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:1.06}.playground-mini-copy em{opacity:.57;font-style:normal}.playground-mini-copy p{opacity:.8;margin:0;font-size:.71rem;line-height:1.7}.playground-mini-action{border:1px solid color-mix(in srgb, var(--playground-deep) 30%, transparent);border-radius:999px;justify-content:space-between;align-items:center;gap:1.7rem;margin-top:1.6rem;padding:.72rem 1rem;font-size:.62rem;display:inline-flex}.playground-mini-bottom{border-top:1px solid color-mix(in srgb, var(--playground-deep) 18%, transparent);opacity:.75;padding-top:1.1rem;font-size:.58rem}.playground-sculpture{min-width:0;height:320px;animation:8s ease-in-out infinite playground-float;position:relative}.playground-sculpture-ball{aspect-ratio:1;background:radial-gradient(circle at 32% 24%, #fffd, var(--playground-accent) 32%, var(--playground-deep) 78%);border-radius:50%;width:71%;transition:background .6s;position:absolute;top:15%;left:15%;box-shadow:inset -20px -15px 30px #0002,inset 0 0 25px #fff4,15px 28px 35px #0001}.playground-sculpture-ball:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;background:repeating-linear-gradient(150deg,#0000 0 8px,#fff2 8.3px 9px,#0000 9.3px 17px);position:absolute;inset:0}.playground-sculpture-ring{border:17px solid;border-color:var(--playground-deep);border-radius:50%;width:91%;height:87%;transition:border-color .6s;position:absolute;top:5%;left:4%;transform:rotate(-31deg)scaleY(.4);box-shadow:0 4px #fff4,inset 0 4px #fff4}.playground-sculpture-ring-back{z-index:0;border-bottom-color:#0000}.playground-sculpture-ring-front{z-index:2;border-top-color:#0000}.playground-sculpture-pearl{aspect-ratio:1;z-index:3;background:radial-gradient(circle at 30% 25%,#fff,#e8eae4 30%,#93a194 82%);border-radius:50%;width:20%;position:absolute;top:12%;right:5%;box-shadow:5px 10px 20px #0002}.playground-sculpture-shadow{background:var(--playground-deep);opacity:.14;filter:blur(15px);border-radius:50%;width:83%;height:16%;position:absolute;bottom:4%;left:10%}.playground-sculpture-spark{width:15px;height:15px;position:absolute}.playground-sculpture-spark:before,.playground-sculpture-spark:after{content:"";background:var(--playground-deep);opacity:.5;position:absolute}.playground-sculpture-spark:before{width:1px;height:100%;left:50%}.playground-sculpture-spark:after{width:100%;height:1px;top:50%}.playground-sculpture-spark-one{top:25%;left:2%}.playground-sculpture-spark-two{width:9px;height:9px;bottom:15%;right:2%}.playground-palette{justify-content:center;align-items:center;gap:.45rem;display:flex;position:absolute;bottom:1.5rem;left:0;right:0}.playground-palette>span{color:#b1bdb2;margin-right:.7rem;font-size:.66rem}.playground-swatch{color:#cad2c9;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .65rem;font-size:.65rem;display:inline-flex}.playground-swatch:before{content:"";background:var(--swatch);border-radius:50%;width:14px;height:14px}.playground-swatch svg{display:none}.playground-swatch[aria-pressed=true]{color:#f5f5f0;background:#ffffff09;border-color:#ffffff25}.playground-swatch:hover{background:#ffffff0e}.playground-description{background:#eef0e7;justify-content:space-between;align-items:flex-end;gap:3rem;padding:2.2rem 3rem;display:flex}.playground-description-kicker{color:#737c6f;font-size:.67rem}.playground-description h3{font-family:var(--font-sora), sans-serif;letter-spacing:-.05em;margin:.55rem 0 .65rem;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:400;line-height:1.3}.playground-description p{color:#677061;max-width:660px;margin:0;font-size:.83rem;line-height:1.8}.playground-description>a{border-bottom:1px solid #a4afa0;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.4rem;padding-bottom:.45rem;font-size:.73rem;font-weight:500;transition:border-color .2s,color .2s;display:flex}.playground-description>a:hover{color:#315eea;border-color:#315eea}.playground-agent-stage{color:#eef2e8;background:radial-gradient(at 90% 20%,#a7c2ac12,#0000 55%),#111819;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4rem;min-height:560px;padding:3.7rem 7%;display:grid}.playground-agent-request{padding-bottom:.8rem}.playground-sample-label{color:#a3b3a8;align-items:center;gap:.6rem;font-size:.68rem;display:inline-flex}.playground-sample-label>span{background:#cfeba8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 15px #b5ec8b66}.playground-agent-request h3{font-family:var(--font-sora), sans-serif;letter-spacing:-.06em;margin:1.65rem 0 1.75rem;font-size:clamp(2.2rem,3.9vw,3.7rem);font-weight:400;line-height:1.12}.playground-agent-request h3>span{color:#a0b297}.playground-agent-request p{color:#b0bdb2;font-size:.83rem;line-height:1.8}.playground-run{color:#202f18;background:#d8f3ac;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;min-height:48px;margin:1.3rem 0 .8rem;padding:.85rem 1.2rem;font-size:.77rem;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.playground-run:hover:not(:disabled){background:#e6ffc0;transform:translateY(-2px)}.playground-run:disabled{cursor:progress;background:#b8cda0}.playground-run-loader{border:1.5px solid #202f1833;border-top-color:#202f18;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite playground-spin}.playground-simulation-note{color:#788a7f;font-size:.61rem;display:block}.playground-agent-workflow{padding:1rem 0 0;position:relative}.playground-agent-orbit{color:#d8f3ac;place-items:center;width:82px;height:82px;display:grid;position:absolute;top:-9px;right:0}.playground-agent-orbit>div{border:1px solid #87a38330;border-radius:50%;position:absolute;inset:0}.playground-agent-orbit>div:before{content:"";border:1px solid #87a38314;border-radius:50%;position:absolute;inset:-13px}.playground-agent-orbit>span{filter:blur(15px);background:#d8f3ac0b;border-radius:50%;transition:background .5s;position:absolute;inset:0}.playground-agent-complete .playground-agent-orbit>span{background:#d8f3ac40}.playground-agent-steps{gap:0;margin:0 0 1.7rem;padding:0;list-style:none;display:grid;position:relative}.playground-agent-steps:before{content:"";background:#34443b;width:1px;position:absolute;top:20px;bottom:20px;left:11px}.playground-agent-steps li{color:#708176;align-items:center;gap:.85rem;min-height:42px;font-size:.74rem;transition:color .3s;display:flex;position:relative}.playground-step-marker{background:#111819;border:1px solid #394b40;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;transition:background .3s,border-color .3s;display:grid;position:relative}.playground-step-marker>span{background:#506258;border-radius:50%;width:4px;height:4px}.playground-agent-steps li.playground-step-complete{color:#c4d1bf}.playground-step-complete .playground-step-marker{color:#202f18;background:#d8f3ac;border-color:#d8f3ac}.playground-agent-steps li[aria-current=step]{color:#ecf6e5}.playground-review-tag{color:#a6b995;border:1px solid #c4d1bf20;border-radius:4px;margin-left:.25rem;padding:.2rem .4rem;font-size:.57rem}.playground-agent-result{background:linear-gradient(135deg,#a6c38609,#d8f3ac02);border:1px solid #6f896136;border-radius:13px;min-height:164px;padding:1.3rem 1.5rem}.playground-result-idle{color:#a0b291;align-items:center;gap:1.3rem;min-height:120px;display:flex}.playground-result-idle>svg{color:#829078}.playground-result-idle p{font-family:var(--font-sora), sans-serif;letter-spacing:-.045em;margin:0;font-size:1.3rem;font-weight:400;line-height:1.4}.playground-result-idle p span{color:#65785f}.playground-result-label{color:#c0d5a8;align-items:center;gap:.5rem;font-size:.64rem;display:flex}.playground-agent-result>p{color:#abbba2;margin:.9rem 0 0;font-size:.74rem;line-height:1.8}.playground-review{color:#d4ecb6;border-top:1px solid #6f896125;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.8rem;font-size:.6rem;display:flex}.playground-review>svg:last-child{opacity:.5;margin-left:auto}@keyframes playground-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes playground-spin{to{transform:rotate(360deg)}}@media (min-width:1400px){.playground-website-stage{padding:3.2rem 11% 5.8rem}}@media (max-width:1100px){.playground-description{flex-direction:column;align-items:flex-start;gap:1.5rem}.playground-intro{display:none}.playground-mini-site{padding:1.4rem 2rem 1rem}.playground-website-stage{padding-left:6%;padding-right:6%}.playground-agent-stage{gap:3rem;padding-left:6%;padding-right:6%}.playground-agent-orbit{width:65px;height:65px;top:0;right:-5px}.playground-review-tag{display:none}}@media (max-width:760px){.playground-panel{border-radius:18px}.playground-controls{margin-bottom:1rem}.playground-tabs{width:100%}.playground-tabs button{flex:1;gap:.45rem;padding:.85rem .5rem;font-size:.7rem}.playground-tabs button svg{width:15px}.playground-website-stage{min-height:0;padding:2rem 5% 5.5rem}.playground-mini-site{padding:1.2rem 1.4rem 1rem}.playground-mini-hero{gap:0;min-height:300px}.playground-mini-copy h3{font-size:clamp(2.3rem,5.7vw,3.5rem)}.playground-sculpture{height:230px}.playground-mini-nav>span:last-child{gap:.3rem;font-size:.55rem}.playground-mini-brand{font-size:1rem}.playground-mini-bottom{font-size:.5rem}.playground-mini-bottom>span:last-child{gap:.3rem;font-size:.5rem}.playground-description{gap:1.3rem;padding:1.75rem 1.5rem}.playground-description p{font-size:.78rem}.playground-agent-stage{grid-template-columns:1fr;gap:2rem;padding:2.5rem 7%}.playground-agent-request h3{margin:1.2rem 0;font-size:2.5rem}.playground-agent-request p{font-size:.78rem}.playground-agent-request{padding:0}.playground-agent-workflow{padding-top:0}.playground-agent-orbit{top:0;right:5px}.playground-agent-result{min-height:145px}}@media (max-width:480px){.playground-tabs button{gap:.35rem;padding:.8rem .3rem;font-size:.7rem}.playground-mini-site{padding:1rem 1.1rem}.playground-mini-nav>span:last-child{font-size:.49rem}.playground-browser-bar{min-height:28px;padding:0 .75rem;font-size:.5rem}.playground-mini-hero{min-height:290px;padding:2rem 0;display:block;position:relative}.playground-mini-copy>span:first-child{font-size:.57rem}.playground-mini-copy h3{max-width:220px;margin:.85rem 0;font-size:2.9rem}.playground-mini-copy p{max-width:170px;font-size:.58rem}.playground-mini-action{gap:1rem;margin-top:1.1rem;padding:.6rem .8rem;font-size:.53rem}.playground-mini-action>svg{width:14px}.playground-sculpture{opacity:.82;pointer-events:none;width:185px;height:210px;position:absolute;top:38px;right:-77px}.playground-sculpture-ring{border-width:10px}.playground-sculpture-ball{width:79%;top:18%;left:8%}.playground-mini-bottom>span:last-child{display:none}.playground-mini-bottom{font-size:.51rem}.playground-palette{gap:.15rem}.playground-palette>span{margin-right:.3rem;font-size:.66rem}.playground-swatch{gap:.3rem;padding:.5rem .45rem;font-size:.68rem}.playground-swatch:before{width:12px;height:12px}.playground-description h3{font-size:1.35rem}.playground-description>a{width:100%;font-size:.69rem}.playground-agent-request h3{font-size:2.25rem}.playground-agent-steps li{font-size:.7rem}.playground-agent-orbit{width:48px;height:48px;top:3px;right:1px}.playground-agent-orbit svg{width:21px}.playground-agent-result{padding:1.2rem}}@media (prefers-reduced-motion:reduce){.playground *,.playground :before,.playground :after{transition:none!important;animation:none!important}.playground-browser,.playground-browser:hover{transform:none}}