.product-band{color:#e7e9ee;background:radial-gradient(60% 40% at 50% 0,#b8a6881a,#0000 70%),#07080a url(/assets/backdrop/slate-2880.webp) 50%/cover no-repeat;padding:clamp(48px,8vh,96px) clamp(18px,5vw,76px)}.product-band__head{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1180px;margin:0 auto clamp(28px,4vh,44px);display:flex}.product-band__head h2{font:400 clamp(2rem,4.4vw,3.6rem)/1 var(--font-serif),Georgia,serif;letter-spacing:-.01em}.product-band__head p{color:#9aa0a8;text-align:right;max-width:38ch;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6}.product-band figure{max-width:1180px;margin:0 auto}.product-band:not(.is-playing) *,.product-band:not(.is-playing) :before,.product-band:not(.is-playing) :after{animation-play-state:paused!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.product-band figcaption{color:#858b94;font:.62rem/1.6 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;margin-top:16px}.workspace-demo__frame{background:#0c0d10;border:1px solid #ffffff24;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0009,0 0 0 1px #b8a6880f}.workspace-demo__frame:before{content:"";border-radius:inherit;background:conic-gradient(from var(--demo-angle,0deg),transparent 0 70%,#d6c4a0e6 80%,transparent 90%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:6s linear infinite demo-orbit;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --demo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes demo-orbit{to{--demo-angle:360deg}}.workspace-demo__bar{color:#9aa0a8;height:40px;font:500 .62rem/1 var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;display:grid}.workspace-demo__dots{gap:6px;display:flex}.workspace-demo__dots i{background:#ffffff24;border-radius:50%;width:9px;height:9px}.workspace-demo__version{border:1px solid #ffffff24;border-radius:999px;justify-self:end;padding:4px 8px;transition:color .4s,border-color .4s}.workspace-demo__version.is-new{color:#d6c4a0;border-color:#d6c4a099}.workspace-demo__body{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);min-height:440px;display:grid}.workspace-demo__chat{border-right:1px solid #ffffff14;flex-direction:column;gap:14px;padding:20px;display:flex}.workspace-demo__ask,.workspace-demo__run,.workspace-demo__run li,.workspace-demo__done{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(8px)}.workspace-demo__ask.is-on,.workspace-demo__run.is-on,.workspace-demo__run li.is-on,.workspace-demo__done.is-on{opacity:1;transform:none}.workspace-demo__ask{color:#e7e9ee;background:#ffffff12;border-radius:12px 12px 2px;align-self:flex-end;max-width:92%;padding:12px 14px;font-size:.86rem;line-height:1.5}.workspace-demo__run{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:14px}.workspace-demo__run-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.82rem;display:flex}.workspace-demo__run-head span{color:#d6c4a0;font:500 .58rem/1 var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;background:#b8a68824;border-radius:999px;padding:3px 8px}.workspace-demo__run.is-running .workspace-demo__run-head span{animation:1.1s ease-in-out infinite demo-blink}@keyframes demo-blink{50%{opacity:.35}}.workspace-demo__run ul{flex-direction:column;gap:7px;list-style:none;display:flex}.workspace-demo__run li{color:#9aa0a8;font:.66rem/1.5 var(--font-mono),monospace;padding-left:16px;position:relative}.workspace-demo__run li:before{content:"";background:#b8a688;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:2px;box-shadow:0 0 10px #d6c4a0b3}.workspace-demo__done{color:#e7e9ee;margin-top:12px;font-size:.82rem;line-height:1.55}.workspace-demo__input{color:#6c727b;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 10px 10px 14px;font-size:.78rem;display:flex}.workspace-demo__input b{color:#0b0c0e;background:#f0efe9;border-radius:7px;padding:6px 12px;font-size:.72rem;font-weight:500}.workspace-demo__preview{background:radial-gradient(circle at 70% 20%,#b8a6881a,#0000 60%);justify-content:center;align-items:center;padding:20px;display:flex}.workspace-demo__site{aspect-ratio:16/11;background:linear-gradient(160deg,#16181d,#0e0f12 60%);border:1px solid #ffffff1f;border-radius:8px;width:100%;max-width:560px;position:relative;overflow:hidden}.workspace-demo__site i,.workspace-demo__site b{border-radius:3px;display:block}.workspace-demo__nav{border-bottom:1px solid #ffffff0f;align-items:center;gap:4%;height:11%;padding:0 5%;display:flex}.workspace-demo__nav i{background:#ffffff38;width:8%;height:12%}.workspace-demo__nav i:first-child{background:#ffffff59;width:14%;height:30%;margin-right:auto}.workspace-demo__nav b{background:#b8a688;width:14%;height:38%}.workspace-demo__hero{flex-direction:column;gap:6px;padding:7% 5% 0;display:flex}.workspace-demo__eyebrow{background:#b8a688b3;width:30%;height:6px}.workspace-demo__title{background:#ffffffd9;width:62%;height:22px}.workspace-demo__title--short{width:44%}.workspace-demo__copy{background:#ffffff40;width:58%;height:6px;margin-top:6px}.workspace-demo__copy--short{width:40%;margin-top:0}.workspace-demo__buttons{gap:8px;margin-top:10px;display:flex}.workspace-demo__buttons b{background:#b8a688;width:18%;height:18px}.workspace-demo__buttons b+b{background:0 0;border:1px solid #fff6}.workspace-demo__footer{border:1px dashed #0000;border-radius:6px;height:22%;transition:border-color .3s,background .3s;position:absolute;bottom:5%;left:4%;right:4%}.workspace-demo__footer.is-target{background:#b8a6880f;border-color:#d6c4a0d9;animation:1.1s ease-in-out infinite demo-target}@keyframes demo-target{50%{border-color:#d6c4a04d}}.workspace-demo__social{gap:6px;transition:all .6s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.workspace-demo__social b{background:#ffffff8c;width:46px;height:10px}.workspace-demo__address{background:#ffffff4d;width:52%;height:10px;transition:all .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:4%;transform:translateY(-50%)}.workspace-demo__footer.is-edited .workspace-demo__social{top:22%;left:4%;right:auto;transform:none}.workspace-demo__footer.is-edited .workspace-demo__address{width:44%;height:7px;top:62%;transform:none}.workspace-map__grid{grid-template-columns:minmax(0,1fr) 56px minmax(0,1.25fr) 56px minmax(0,1fr);align-items:center;display:grid}.workspace-map__label{color:#858b94;font:500 .6rem/1 var(--font-mono),monospace;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;display:block}.workspace-map__col{background:#ffffff05;border:1px solid #ffffff1a;border-radius:14px;padding:22px}.workspace-map__col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.workspace-map__col li{color:#e7e9ee;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;font-size:.86rem;display:flex}.workspace-map__col li i{width:7px;height:7px;animation:2.4s ease-in-out infinite map-pulse;animation-delay:calc(var(--i) * .35s);background:#b8a688;border-radius:50%;flex:none;box-shadow:0 0 10px #d6c4a0cc}@keyframes map-pulse{50%{opacity:.25}}.workspace-map__link{height:2px;position:relative}.workspace-map__link i{background:repeating-linear-gradient(90deg,#d6c4a0bf 0 6px,#0000 6px 12px) 0 0/24px 2px;animation:1s linear infinite map-flow;position:absolute;inset:0}@keyframes map-flow{to{background-position:24px 0}}.workspace-map__link:after{content:"";background:#f0e2c4;border-radius:50%;width:8px;height:8px;margin-top:-4px;animation:2.2s ease-in-out infinite map-travel;position:absolute;top:50%;left:0;box-shadow:0 0 12px #f0e2c4e6}@keyframes map-travel{0%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(48px)}}.workspace-map__engine{background:radial-gradient(circle at 25% 15%,#f0e2c48c,#0000 55%),linear-gradient(140deg,#7a6240,#b8a688 45%,#5b4630);border-radius:16px;padding:22px;box-shadow:0 30px 90px #0000008c}.workspace-map__card{background:#0c0d10;border:1px solid #ffffff24;border-radius:12px;overflow:hidden}.workspace-map__card-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.workspace-map__card-head strong{font-size:.95rem;font-weight:600}.workspace-map__card-head span{color:#9aa0a8;font:500 .58rem/1 var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase}.workspace-map__card ol{list-style:none}.workspace-map__card li{animation:9s ease-in-out infinite map-step;animation-delay:calc(var(--i) * 1.5s);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex;position:relative}.workspace-map__card li:last-child{border-bottom:0}.workspace-map__card li:before{content:"";animation:9s ease-in-out infinite map-step-outline;animation-delay:inherit;pointer-events:none;border:1px solid #d6c4a000;border-radius:8px;position:absolute;inset:3px 6px}@keyframes map-step{0%,16%{background:#b8a68814}20%,to{background:0 0}}@keyframes map-step-outline{0%,16%{border-color:#d6c4a0bf}20%,to{border-color:#d6c4a000}}.workspace-map__card li span{flex-direction:column;gap:2px;display:flex}.workspace-map__card li strong{font-size:.88rem;font-weight:500}.workspace-map__card li small{color:#858b94;font-size:.72rem}.workspace-map__card li em{color:#d6c4a0;font:500 .54rem/1 var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;border:1px solid #d6c4a073;border-radius:999px;flex:none;padding:3px 7px;font-style:normal}.workspace-map__engine>p{color:#1a140c;font:500 .62rem/1.5 var(--font-mono),monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-top:14px}.product-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);max-width:1180px;margin:0 auto;display:grid}.product-shots figure{margin:0}.product-shots figure:first-child{grid-column:1/-1}.product-shots img{border:1px solid #ffffff24;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 24px 70px #00000080}@media (max-width:900px){.product-band__head{flex-direction:column;align-items:flex-start}.product-band__head p{text-align:left}.workspace-demo__body{grid-template-columns:minmax(0,1fr)}.workspace-demo__chat{border-bottom:1px solid #ffffff14;border-right:0}.workspace-demo__input{display:none}.workspace-map__grid{grid-template-columns:minmax(0,1fr)}.workspace-map__link{width:2px;height:44px;margin:0 auto}.workspace-map__link i{background:repeating-linear-gradient(#d6c4a0bf 0 6px,#0000 6px 12px) 0 0/2px 24px;animation-name:map-flow-down}@keyframes map-flow-down{to{background-position:0 24px}}.workspace-map__link:after{margin:0 0 0 -4px;animation-name:map-travel-down;top:0;left:50%}@keyframes map-travel-down{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(36px)}}.product-shots{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.workspace-demo__bar{grid-template-columns:auto 1fr auto;gap:10px}.workspace-demo__chat,.workspace-demo__preview,.workspace-map__col,.workspace-map__engine{padding:14px}.workspace-demo__social b{width:30px;height:8px}.workspace-demo__site{aspect-ratio:1}.workspace-demo__title{height:16px}}