@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--navy:#102942;--purple:#6542c0;--purple-2:#8d70de;--ink:#22334b;--muted:#65718a;--line:#e2ddeb;--paper:#f8f6fc}
body{font-family:'DM Sans',Inter,system-ui,sans-serif;background:var(--paper)}[hidden]{display:none!important}button{cursor:pointer}a,button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #8d70de;outline-offset:4px}.lab-bar{display:flex;justify-content:space-between;padding:9px 5vw;background:#182c45;color:#c7b7e4;font:8px ui-monospace,monospace;letter-spacing:1.5px;border-bottom:1px solid #ffffff12}.site-header{position:relative;min-height:90px;background:#182c45;border-bottom:1px solid #ffffff12;color:#fff}.brand small{color:#b8bfd5}.site-header nav{gap:25px}.site-header nav a{color:#d2d7e4;font-size:11px}.site-header nav a:hover{color:#d0b7ff}.site-header .nav-cta{background:#cbb2f4;color:#24133d;border:0;padding:12px 17px}.hero{background:#182c45;color:#fff;min-height:700px;gap:4vw;padding-top:90px;padding-bottom:100px;isolation:isolate;grid-template-columns:1fr 1.08fr}.hero:before{display:none}.hero .scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scene canvas{display:block;width:100%;height:100%;opacity:.85}.scene .ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 40%,#7546af33,transparent 65%),radial-gradient(ellipse at 90% 70%,#7961ab18,transparent 60%)}.hero .eyebrow{color:#d7c3f5;font:9px ui-monospace,monospace;letter-spacing:1.6px}.eyebrow span{background:#cbb2f4}.hero h1{color:#fff;font-size:clamp(60px,6.2vw,92px);font-weight:500;letter-spacing:-4px;line-height:1.02}.hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.14em;font-weight:400;color:#d2b8fc;font-style:italic}.hero-lead{font-size:15px;color:#c6cdde;max-width:470px;line-height:1.85}.hero-actions{gap:14px}.button{border-radius:6px;font-size:11px}.hero .button.primary{background:#cbb2f4;color:#25123d;box-shadow:0 8px 40px #b29ad922}.hero .button.primary:hover{background:#decaff}.hero .button.secondary{color:#f1eafa;border-color:#c2b0df55;background:#ffffff06}.compatibility{color:#c1c4d7;font-size:9px}.compatibility span{color:#cab2f1}.hero .release-chip{background:#ffffff09;border-color:#b298d255;color:#d9c9f4}.hero-visual{padding:0}.glow{background:#a780e433;filter:blur(100px)}.browser-card{display:block;padding:0;width:100%;text-align:left;background:#fff;transform:perspective(1400px) rotateY(-8deg) rotateX(4deg);border:1px solid #c4a9ed88;border-radius:10px;box-shadow:0 35px 90px #060c2077}.browser-card:hover{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg) translateY(-5px)}.browser-bar{background:#142237;height:33px;font-size:8px}.hero-product-screen{aspect-ratio:1.38;object-fit:contain;background:#f3f6fa}.image-hint{display:flex;justify-content:flex-end;padding:10px 15px;background:#faf8ff;color:#6542c0;font:9px ui-monospace,monospace;letter-spacing:.5px;border-top:1px solid #e5dfee}.trust-strip{background:#fff;position:relative}.trust-strip div{padding:27px 2vw}.trust-strip strong{font-size:13px}.trust-strip span{font-size:11px}.section{padding-top:95px;padding-bottom:95px}.section-heading h2{font-weight:500;letter-spacing:-2px;font-size:clamp(36px,4vw,54px)}.section-heading .eyebrow{font:9px ui-monospace,monospace;letter-spacing:1.7px;margin-bottom:19px}.section-heading>p{font-size:13px;line-height:1.9;max-width:410px}.product-tour{background:radial-gradient(ellipse at 80% 10%,#e6dcf7,transparent 55%),#f5f2fb}.tour-frame{border:1px solid #d7cce8;border-radius:16px;overflow:hidden;box-shadow:0 26px 70px #42316b15;grid-template-columns:minmax(0,1.65fr) minmax(250px,.7fr);background:#fff}.tour-media{height:570px;min-height:0;background:linear-gradient(150deg,#ede8f8,#e6ecf5);padding:20px;cursor:zoom-in;position:relative;display:flex;align-items:center;justify-content:center}.tour-media:after{content:'↗ Enlarge screenshot';position:absolute;bottom:14px;right:14px;background:#ffffffed;padding:8px 12px;border:1px solid #d6c8eb;border-radius:5px;font:9px ui-monospace,monospace;color:#6542c0;box-shadow:0 5px 15px #35204a12}.tour-image{height:auto;max-height:100%;width:100%;object-fit:contain;object-position:center;border-radius:6px;box-shadow:0 15px 35px #17283b22;transition:opacity .25s,transform .45s}.tour-media:hover .tour-image{transform:scale(1.015)}.tour-media.compact .tour-image{max-height:490px;max-width:92%;width:auto}.tour-copy{padding:38px 30px;background:#fff;color:var(--ink)}.tour-copy h3{color:var(--navy);font-size:29px;font-weight:500}.tour-copy>p:first-of-type{color:var(--purple);margin-top:26px}.tour-copy>p:nth-of-type(2){color:var(--muted);font-size:12px}.tour-copy li{color:#526079;font-size:11px}.tour-copy ul{border-color:var(--line);gap:13px}.tour-copy>a{color:var(--purple);font-size:11px}.tour-arrows button{border-color:#d9cde9;color:var(--purple);background:#f7f3fc}.tour-arrows button:hover:not(:disabled){background:#ece4f8}.tour-tabs{grid-template-columns:repeat(6,1fr);border-color:#e0d7ed;border-radius:8px;gap:1px;background:#e5ddef}.tour-tabs button{border:0;padding:14px 12px}.tour-tabs button strong{font-size:10px}.tour-tabs button.active{background:#6542c0;color:#fff;box-shadow:none}.tour-tabs button span{opacity:.65}.features{background:linear-gradient(#fff,#faf8fd)}.feature-grid{gap:18px}.feature-card{border-color:#e1d9eb;background:#fff;min-height:265px;padding:30px;border-radius:12px}.feature-card:hover{border-color:#b9a0e0;box-shadow:0 15px 40px #6542c00c;transform:translateY(-3px)}.feature-icon{background:#f0e9fa;font-size:19px}.feature-card h3{font-weight:600;font-size:19px;letter-spacing:-.4px}.feature-card p{color:#65718a;line-height:1.8}.feature-number{color:#9785ad}.workspace-feature.featured{display:block;grid-column:1/-1;background:linear-gradient(135deg,#f1ebfb,#f5f7fc);border-color:#d9cbea;color:var(--ink);padding:35px;overflow:visible}.workspace-feature:hover{transform:none}.workspace-feature-copy{display:grid;grid-template-columns:1.1fr 1fr;column-gap:60px;margin-bottom:28px}.workspace-feature-copy .feature-icon{margin:0 0 15px}.workspace-feature-copy h3{color:var(--navy);font-size:30px;grid-column:1;margin:0 0 12px}.workspace-feature-copy>p:first-of-type{grid-column:1;max-width:500px;color:#65718a;font-size:13px;margin:0}.workspace-feature-copy ul{display:none}.workspace-feature .workspace-feature-invitation{grid-column:2;grid-row:1/4;align-self:center;margin:0;color:var(--navy);font-weight:500;font-size:30px}.workspace-feature .workspace-feature-help{grid-column:2;grid-row:4;margin:0;color:#65718a}.workspace-demo-controls{color:#6542c0;padding:0 0 12px}.workspace-demo-controls>span{font:9px ui-monospace,monospace;letter-spacing:1px}.workspace-demo-controls button{color:#6542c0;border-color:#d1bfe6;background:#ffffffa6}.workspace-demo-controls button:hover{background:#ece3f8}.catalogue-demo{border:1px solid #d4dceb;border-radius:8px;background:var(--demo-panel);box-shadow:0 18px 45px #1d2b4310}.catalogue-demo-header{background:#172b40;color:#fff;padding:22px 25px;border-bottom:0}.catalogue-demo-header img{width:44px;height:44px}.catalogue-demo-header strong{font-size:23px;color:white;letter-spacing:-.8px}.catalogue-demo-header>div>span{color:#d1dbea;font-size:9px}.catalogue-demo-local{background:transparent;color:#dfd1f2;border:1px solid #9479b5;white-space:nowrap}.demo-connection{display:flex;justify-content:space-between;gap:15px;padding:11px 24px;background:var(--demo-selected);color:var(--demo-accent);font-size:9px;border-bottom:1px solid var(--demo-border)}.demo-connection>span:last-child{font:8px ui-monospace,monospace;letter-spacing:.6px}.workspace-nav{padding:20px 18px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.workspace-nav button{display:flex;gap:8px;align-items:center;text-align:left;min-width:0;padding:12px 9px;border:1px solid var(--demo-border);border-radius:7px;background:var(--demo-paper);color:var(--demo-muted)}.workspace-nav button strong{font-size:9px;display:block}.workspace-nav button small{font-size:7px;display:block;margin-top:2px;line-height:1.3}.workspace-nav .ws-icon{display:grid;place-items:center;width:25px;height:28px;flex-shrink:0;background:var(--demo-selected);border-radius:5px;color:var(--demo-accent);font-size:15px}.workspace-nav button[aria-selected=true]{background:#6542c0;border-color:#6542c0;color:#fff;box-shadow:0 4px 12px #6542c026}.workspace-nav button[aria-selected=true] .ws-icon{background:#ffffff26;color:#fff}.demo-activity{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 18px;padding:13px 15px;background:var(--demo-paper);color:var(--demo-muted);border:1px solid var(--demo-border);border-radius:7px;font-size:9px}.demo-activity strong{color:var(--demo-ink)}.demo-activity>span:last-child{padding:3px 7px;background:var(--demo-panel);border-radius:12px;font-size:8px}.workspace-panel{margin:0 18px 18px;border:1px solid var(--demo-border);border-radius:7px;background:var(--demo-paper);overflow:hidden}.workspace-panel-heading{padding:20px 20px 0}.workspace-panel-heading>span{color:var(--demo-accent);font-size:7px;letter-spacing:1.5px;font-weight:700}.workspace-panel-heading h3{font-size:19px;margin:4px 0;color:var(--demo-ink);letter-spacing:-.4px}.workspace-panel-heading p{margin:0 0 17px;color:var(--demo-muted);font-size:10px;padding-bottom:17px;border-bottom:1px solid var(--demo-border)}.catalogue-demo-filters{padding:0 20px;grid-template-columns:1fr 1fr 2fr;gap:14px}.catalogue-demo-search{grid-column:auto}.catalogue-demo-filters input,.catalogue-demo-filters select{border-color:var(--demo-border)}.catalogue-demo-count{padding:18px 20px 12px}.catalogue-demo-content{grid-template-columns:1.65fr 1fr;padding:0 20px 20px;min-height:345px}.catalogue-demo-results{max-height:325px}.catalogue-demo-detail{border-color:transparent;padding:20px}.catalogue-demo-detail h4{font-size:22px}.catalogue-demo-detail dl{grid-template-columns:1fr 1fr;gap:12px}.catalogue-demo-detail dl>div{padding:9px;border:1px solid var(--demo-border);border-radius:5px;background:var(--demo-paper)}.workspace-demo .workspace-demo-caption{color:#63728b}.workspace-demo-caption>span:last-child{color:#7a658f}.workspace-screen-panel .screenshot-open{display:block;margin:0;width:100%;padding:0;border:0;background:var(--demo-panel)}.workspace-screen-panel img{display:block;width:100%;max-height:500px;object-fit:contain;padding:10px}.workspace-screen-panel .image-hint{background:var(--demo-paper);color:var(--demo-accent);border-color:var(--demo-border)}.privacy{background:#f1edf8}.privacy-card{background:linear-gradient(130deg,#1c354f,#2a3154);box-shadow:0 20px 60px #10294212}.privacy h2{font-weight:500}.changelog{background:#fff}.release-card{box-shadow:0 15px 45px #6542c008;border-color:#ded3ec}.beta{background:linear-gradient(130deg,#e8def8,#f4f1fb)}.beta-card{background:#fff;border-color:#d7c8e9;box-shadow:0 15px 50px #6542c00c}.about{background:#fcfbfe}.site-footer{background:#f2eef8}.motion-control{position:fixed;bottom:20px;left:20px;z-index:15}.motion-control button{padding:9px 12px;border:1px solid #cbb8e0;background:#ffffffeb;backdrop-filter:blur(12px);color:#6542c0;border-radius:6px;font-size:10px;cursor:pointer}.coffee-float{bottom:20px}.screenshot-open{cursor:zoom-in}#screenshot-dialog{width:min(1500px,96vw);max-width:none;max-height:94vh;border:1px solid #c4b5d9;padding:0;border-radius:12px;background:#f6f4fa;color:#17283b;box-shadow:0 30px 100px #081c3555}#screenshot-dialog::backdrop{background:#102038d9;backdrop-filter:blur(12px)}#screenshot-dialog header{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #ded5e9;background:#fff}#screenshot-dialog header span{font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#80629f}#screenshot-dialog h2{font-size:18px;letter-spacing:-.4px;margin:3px 0}#screenshot-dialog header button{border:1px solid #d8cee5;border-radius:6px;width:36px;height:36px;font-size:23px;background:#f8f5fc;color:#6542c0}.screenshot-stage{padding:18px;overflow:auto;max-height:calc(94vh - 135px);display:flex;justify-content:center}#screenshot-image{display:block;max-width:100%;max-height:calc(94vh - 175px);object-fit:contain;width:auto;height:auto;box-shadow:0 10px 30px #17283b18}#screenshot-dialog>p{display:flex;justify-content:space-between;gap:20px;padding:10px 22px;margin:0;color:#6c6480;font-size:10px}#screenshot-dialog>p a{color:#6542c0}.catalogue-demo-dialog .workspace-nav{grid-template-columns:repeat(3,1fr)}.catalogue-demo-dialog .workspace-demo-caption{color:#d1dbeb}
@media(min-width:1700px){.hero{padding-left:max(7vw,calc((100vw - 1450px)/2));padding-right:max(7vw,calc((100vw - 1450px)/2))}.section{padding-left:max(7vw,calc((100vw - 1450px)/2));padding-right:max(7vw,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.site-header nav{gap:15px}.hero{grid-template-columns:1fr 1fr;gap:30px;padding-top:70px;padding-bottom:70px;min-height:600px}.hero h1{font-size:65px}.hero-actions{flex-direction:column;align-items:flex-start}.tour-frame{grid-template-columns:1fr}.tour-media{height:520px}.tour-copy{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 35px}.tour-copy h3,.tour-copy>span,.tour-copy>p:first-of-type{grid-column:1}.tour-copy>p:first-of-type{margin-top:0}.tour-copy>p:nth-of-type(2){grid-column:2;grid-row:1/3;margin:0}.tour-copy ul{grid-column:2;grid-row:3/5;margin:0}.tour-copy>a{grid-column:1}.tour-arrows{grid-column:2;padding-top:0;justify-content:flex-end}.workspace-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-nav button strong{font-size:11px}.workspace-nav button small{font-size:8px}.workspace-feature-copy{display:grid;grid-template-columns:1fr 1fr}.workspace-feature .workspace-feature-invitation{grid-row:1/4}.workspace-feature .workspace-feature-help{grid-row:4}.tour-tabs{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.lab-bar{font-size:7px;letter-spacing:.7px}.lab-bar>span:nth-child(2){display:none}.site-header{min-height:76px}.menu-toggle span{background:#d7c3f5}.site-header nav{background:#182c45;border-color:#53617b}.hero{grid-template-columns:1fr;min-height:0;padding:60px 24px 70px;gap:55px}.hero h1{font-size:clamp(57px,12vw,76px);letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.hero-lead{font-size:14px}.hero-actions{flex-direction:row}.hero .button{width:auto;font-size:10px;padding:0 14px}.hero-visual{max-width:550px;margin:auto}.browser-card{transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.hero-product-screen{aspect-ratio:1.5}.trust-strip{grid-template-columns:1fr}.trust-strip div{padding:19px 0;border-left:0;border-bottom:1px solid #e4ddeb}.trust-strip div:last-child{border-bottom:0}.trust-strip strong{font-size:12px}.section{padding:65px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:38px}.section-heading>p{margin-top:20px}.tour-media{height:330px;padding:12px}.tour-media.compact .tour-image{max-height:285px;max-width:100%}.tour-copy{display:flex;padding:27px;gap:0}.tour-copy>p:first-of-type{margin:15px 0 10px}.tour-copy>p:nth-of-type(2){margin-top:15px}.tour-copy ul{margin:20px 0}.tour-arrows{padding-top:25px}.tour-tabs{grid-template-columns:repeat(3,1fr)}.tour-tabs button{padding:12px 8px}.tour-tabs button strong{font-size:8px}.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-grid>*{min-width:0}.feature-card{min-height:225px;padding:25px}.feature-icon{margin-bottom:25px}.workspace-feature.featured{padding:20px}.workspace-feature-copy{display:block;margin-bottom:25px}.workspace-feature-copy h3{font-size:26px}.workspace-feature .workspace-feature-invitation{font-size:23px;margin:22px 0 9px}.workspace-demo-controls{align-items:flex-start;gap:10px}.workspace-demo-controls button{font-size:9px;padding:7px}.catalogue-demo-header{padding:16px 12px;gap:8px}.catalogue-demo-header img{width:31px;height:31px}.catalogue-demo-header strong{font-size:17px}.catalogue-demo-header>div>span{font-size:7px}.catalogue-demo-local{display:none}.demo-connection{padding:10px 12px;font-size:8px}.demo-connection>span:last-child{display:none}.workspace-nav{padding:12px 8px 0;gap:5px}.workspace-nav button{padding:9px 5px;gap:5px}.workspace-nav .ws-icon{width:19px;height:22px;font-size:12px}.workspace-nav button strong{font-size:7px}.workspace-nav button small{display:none}.demo-activity{margin:10px 8px;padding:10px;font-size:8px}.demo-activity>span:last-child{display:none}.workspace-panel{margin:0 8px 10px}.workspace-panel-heading{padding:15px 12px 0}.workspace-panel-heading p{font-size:9px}.catalogue-demo-filters{padding:0 12px;grid-template-columns:1fr 1fr;gap:10px}.catalogue-demo-search{grid-column:1/-1}.catalogue-demo-count{padding:15px 12px 10px}.catalogue-demo-content{grid-template-columns:1fr;min-height:0;padding:0 12px 12px}.catalogue-demo-results{max-height:250px}.catalogue-demo-detail{padding:14px;min-height:130px}.catalogue-demo-detail h4{font-size:20px}.workspace-demo-caption{font-size:10px}.workspace-screen-panel img{padding:4px}.workspace-screen-panel .image-hint{font-size:8px}.privacy-card{padding:26px}.about{gap:25px}.motion-control{bottom:14px;left:12px}.motion-control button{font-size:8px}.coffee-float{bottom:14px}.coffee-float span{display:none}#screenshot-dialog header{padding:12px}#screenshot-dialog h2{font-size:15px}#screenshot-dialog>p{font-size:8px;padding:10px 12px}.screenshot-stage{padding:6px}.catalogue-demo-dialog-body{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
