/* Clear purple accents with pale lavender surfaces. */
:root{--blue:#7244c4;--muted:#655d74;--line:#ded0f1;--lavender:#c7b0f3;--lavender-soft:#ede3ff;color:#30273f;background:#f5f0ff}
.primary:hover{background:#5c30a6}:focus-visible{outline-color:#b18be8}.secondary:hover,.icon-button:hover,.nav-item:hover{background:#ede3ff}.brandmark{background:var(--lavender);color:#59349a}.site-nav nav{gap:24px}.language-switch{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;flex-shrink:0}.language-switch a{padding:9px 5px;color:#716580;min-height:38px;display:inline-flex;align-items:center;border-radius:5px}.language-switch a[aria-current]{color:#6036a3;font-weight:700;background:#e7d7ff}.language-switch>span{color:#b7a4d0}.public-header .language-switch,.viewer-bar .language-switch{margin-left:auto}.workspace-header{gap:16px}.workspace-header .language-switch{margin-left:auto}.gate-language,.error-language{position:absolute;top:22px;right:24px}.hero{gap:50px;padding-top:60px}.hero-intro{font-size:17px;max-width:490px;color:#675d78;line-height:1.85}.hero-meta{color:#736580}.trial-note{font-size:12px;color:#70637d;margin:18px 0 0}.demo-window{border-color:#d8c5f0;box-shadow:0 25px 70px #7244c418}.demo-bar{border-color:#eee4fa;color:#7b6993}.demo-heading strong{color:#44315f}.art-one{background:#e4d7fb;color:#7044ac}.art-one i{border-color:#b99bdf}.art-two{background:#eee3ff;color:#7246a4}.orbit{background:#c5a6ed}.orbit:after{border-color:#f4ecff}.demo-event{color:#726481}.demo-event b{color:#6e43a9}.demo-event code{color:#7a50b1;border-color:#dfd0f4}.floating-code{border-color:#d8c4f1;box-shadow:0 16px 36px #6335a61a}.floating-code span{color:#77618d}.hero-copy h1{letter-spacing:-2.6px}.feature-strip{border-top:0;padding-top:40px;padding-bottom:48px;gap:38px}.feature-strip h2{font-size:19px;font-weight:600;line-height:1.5;margin-bottom:14px}.feature-strip p{font-size:14px;line-height:1.9;color:#675d77;max-width:none}.product-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;border-top:1px solid var(--line);padding:54px 0 12px}.product-intro h2,.content-heading h2{font-size:30px;line-height:1.5;letter-spacing:-.8px;font-weight:600}.product-intro p{font-size:16px;color:#675d77;line-height:1.9}.product-intro .eyebrow,.content-heading .eyebrow{color:var(--blue);font:11px ui-monospace,monospace;letter-spacing:2px}.how-section{padding:62px 0;border-bottom:1px solid var(--line)}.how-grid{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.how-grid li{padding:26px;background:#e9dfff;border:1px solid #d9c6f2;border-radius:12px}.step-index{font:12px ui-monospace,monospace;color:#7244c4}.how-grid h3{font-size:18px;line-height:1.5;margin:19px 0 12px}.how-grid p{font-size:14px;line-height:1.85;margin:0;color:#635473}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;padding:65px 0;border-bottom:1px solid var(--line)}.content-heading>p:last-child{color:#675d77;font-size:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 0;cursor:pointer;font-size:16px;font-weight:600;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font:22px ui-monospace,monospace;color:var(--blue);flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;line-height:1.9;color:#645775;margin:0 0 22px;padding-right:20px}.landing-end{padding:74px 0}.landing-end h2{margin-bottom:14px}.landing-end>p{color:#675d77;font-size:15px;margin-bottom:28px}.site-footer{color:#746582}.connection-intro,.notice{background:#e9dfff;border-color:#d6c0f2}.connection-intro .muted,.notice{color:#614777}.nav-item.selected{background:#e7d7ff;color:#6036a3}.nav-item b{background:#d7c1f7}.avatar{background:#e5d5fd;color:#7142ae}.work-icon{background:#eee3ff;color:#7c48bd;border-color:#d8c0f4}.pill{background:#e9d9ff;color:#7441af}.pill.off{background:#f0eafa;color:#72667e}.row-actions a:hover,.row-actions button:hover,.more-actions[open] summary{background:#ebdfff}.storage-line progress{background:#e3d3fa}.storage-line progress::-webkit-progress-bar{background:#e3d3fa}.storage-line progress::-webkit-progress-value{background:#a482d9}.storage-line progress::-moz-progress-bar{background:#a482d9}.endpoint-line code,.tool-list code{background:#e9ddff;color:#7144aa}.file-drop{background:#f1e9ff;border-color:#ba99e5}.guide pre{background:#f1e9ff;border-color:#decbf5;color:#674399}.work-card:hover{border-color:#a985d9}.empty-icon,.card-top{color:#8566a5}.toast{background:#482f68}.settings-card p,.settings-card li,.guide>.muted{color:#695978}.language-switch a:hover{color:#6036a3;background:#e9dfff}
@media(max-width:1000px){.hero-intro{font-size:15px}.product-intro{gap:35px}.faq-section{gap:35px}.feature-strip{gap:25px}.feature-strip h2{font-size:17px}.how-grid{gap:16px}.how-grid li{padding:22px}.hero-copy h1{font-size:50px}}
@media(max-width:800px){.product-intro{grid-template-columns:1fr;gap:20px}.faq-section{grid-template-columns:1fr;gap:26px}.hero-copy h1{font-size:54px}.hero-intro{max-width:540px}}
@media(max-width:700px){.site-nav{gap:12px;padding:0 20px}.site-nav nav{gap:10px;font-size:11px}.site-nav .brand{font-size:22px;gap:7px}.site-nav .brandmark{width:30px;height:33px;font-size:24px}.site-nav .secondary{padding:8px 10px;gap:8px;font-size:11px}.language-switch{font-size:11px;gap:2px}.language-switch a{padding:9px 4px}.hero{padding-top:35px;gap:32px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-intro{font-size:15px}.trial-note{max-width:340px;line-height:1.75;font-size:11px}.product-intro{padding-top:36px}.product-intro h2,.content-heading h2{font-size:25px}.product-intro p{font-size:14px}.feature-strip{gap:27px;padding-bottom:35px}.feature-strip h2{font-size:18px}.feature-strip p{font-size:14px}.how-section{padding:38px 0}.how-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.how-grid li{padding:23px}.how-grid h3{margin-top:12px}.faq-section{padding:40px 0}.faq-list summary{font-size:15px;padding:20px 0}.faq-list p{padding-right:0;font-size:14px}.landing-end{padding:48px 0}.landing-end h2{font-size:26px}.workspace-header{flex-wrap:wrap;height:auto;min-height:72px;padding-top:10px;padding-bottom:10px;gap:6px 10px}.workspace-header .language-switch{font-size:10px}.workspace-header .quiet-link{flex-basis:100%;text-align:right;min-height:22px;padding:2px 0}.workspace-header .slash{margin:0 6px}.viewer-bar{gap:9px;height:auto;min-height:70px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.viewer-title{max-width:42%}.work-frame{height:calc(100dvh - 70px)}}
@media(max-width:380px){.site-nav{padding:0 16px}.site-nav nav{gap:6px}.hero-copy h1{font-size:40px}.site-nav .brand{font-size:20px}.site-nav .secondary{padding:7px 8px}.hero-meta{font-size:9px;gap:12px}}