.marketing-root.marketing-connector{--bg:var(--surface-footer);--ink:var(--content-footer);--sub:var(--content-footer-muted);--line:var(--border-footer)}.marketing-connector .connector-product{background:var(--bg);color:var(--ink)}.marketing-connector :is(.connector-hero__inner,.connector-chapter__inner,.connector-install__inner){width:min(100% - var(--gutter) * 2,1440px);margin-inline:auto}.marketing-connector .connector-hero{overflow:clip}.marketing-connector .connector-hero__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);min-height:min(52rem,calc(100svh - var(--app-header-height)));padding-block:var(--marketing-space-xl)}.marketing-connector .connector-hero__copy{container-type:inline-size}.marketing-connector .connector-hero h1{--hero-fit:calc(100cqi / (var(--hero-chars, 14) * 0.35));font-size:min(clamp(3.25rem,5.25vw,5.65rem),var(--hero-fit));font-weight:700;line-height:1.03;letter-spacing:-.02em}.marketing-connector .connector-hero h1 span{display:block;color:var(--ink)}.marketing-connector .connector-hero__lead{max-width:31rem;margin-top:var(--space-6);font-size:var(--marketing-lead);line-height:1.55}.marketing-connector .connector-scope{display:flex;align-items:baseline;gap:var(--space-3);max-width:31rem;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:2px solid var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink);font-size:var(--type-label);line-height:1.5}.marketing-connector .connector-scope a{color:inherit;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.marketing-connector a.connector-download{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--space-9);margin-top:var(--space-7);padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-xs);background:var(--ink);color:var(--bg);font-size:var(--type-title);font-weight:600;line-height:1.3;text-decoration:none;transition:opacity var(--dur-fast) var(--ease-out)}.marketing-connector a.connector-download:hover{opacity:.85}.marketing-connector .connector-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-7)}.marketing-connector .connector-actions a.connector-download{margin-top:0}.marketing-connector .connector-signup{padding-bottom:var(--space-1);border-bottom:1px solid var(--sub);color:var(--ink);font-size:var(--marketing-copy);font-weight:500;text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out)}.marketing-connector .connector-signup:hover{border-color:var(--ink)}.marketing-connector .connector-release{display:grid;gap:var(--space-1);margin-top:var(--space-4);color:var(--sub);font-size:var(--type-label);line-height:1.5;font-variant-numeric:tabular-nums}.marketing-connector .connector-release p{display:flex;flex-wrap:wrap;gap:0 var(--space-3)}.marketing-connector .connector-release span+span:before{content:"·";margin-right:var(--space-3)}.marketing-connector .connector-chapter{border-top:1px solid var(--line)}.marketing-connector .connector-chapter--paper{border-top:0;background:var(--ink);color:var(--bg)}.marketing-connector .connector-chapter__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:var(--marketing-space-2xl)}.marketing-connector :is(.connector-chapter h2,.connector-install h2){max-width:15ch;font-size:clamp(2.5rem,4.2vw,4rem);font-weight:700;line-height:1.04;letter-spacing:-.02em}.marketing-connector .connector-chapter__copy p{max-width:37ch;margin-top:var(--space-6);font-size:var(--marketing-copy);line-height:1.55}.marketing-connector .connector-chapter__copy p.connector-chapter__note{margin-top:var(--space-4);color:color-mix(in srgb,currentColor 68%,transparent);font-size:var(--type-label)}.marketing-connector .connector-scene{position:relative;aspect-ratio:1.45;overflow:hidden;border-radius:var(--radius-lg);background:#0b0e10;font-family:var(--font-sans)}.marketing-connector .connector-scene img{display:block;width:100%;height:auto;max-width:none}.marketing-connector .connector-scene[data-playing=false] *,.marketing-connector .connector-scene[data-playing=false] :after{animation-play-state:paused}.marketing-connector .connector-scene__window{position:absolute;overflow:hidden;border:1px solid #303a3f;border-radius:var(--radius-lg);background:#101416;box-shadow:var(--shadow-dialog)}.marketing-connector .connector-scene__bar{display:flex;align-items:center;height:22px;padding:0 8px;border-bottom:1px solid #303a3f;color:#eceeed;font-family:var(--font-display);font-size:var(--type-caption);font-weight:700}.marketing-connector .connector-scene__bar span{display:inline-flex;align-items:center;gap:6px}.marketing-connector .connector-scene__bar img{width:12px;height:12px}.marketing-connector .connector-scene__explorer{position:absolute;top:6%;left:5%;width:74%;overflow:hidden;border:1px solid rgb(255 255 255/.08);border-radius:var(--radius-md)}.marketing-connector .connector-scene__hover{position:absolute;top:35.145%;left:20.5%;width:45.5%;height:8.696%;border-radius:3px;background:rgb(255 255 255/.11);animation:connector-open-hover 7.5s infinite both}.marketing-connector .connector-scene__hover:after{position:absolute;inset:0;border-radius:inherit;background:rgb(255 255 255/.12);content:"";opacity:0;animation:connector-open-press 7.5s infinite both}.marketing-connector .connector-scene__window--open{right:4%;bottom:6%;width:62%;transform-origin:5% -22%;animation:connector-open-window 7.5s infinite both}@keyframes connector-open-hover{0%,8%{opacity:0;transform:translateY(-200%)}10%,17%{opacity:1;transform:translateY(-200%)}18.5%,25%{opacity:1;transform:translateY(-100%)}26.5%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(0)}}@keyframes connector-open-press{0%,33%{opacity:0}34.5%{opacity:1}38%,to{opacity:0}}@keyframes connector-open-window{0%,37%{opacity:0;transform:scale(.86);animation-timing-function:cubic-bezier(.16,1,.3,1)}45%,88%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.4,0,1,1)}95%,to{opacity:0;transform:scale(.97)}}.marketing-connector .connector-scene__pointer{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0}.marketing-connector .connector-scene__pointer svg{display:block;margin:-3px 0 0 -3px;color:#fff;filter:var(--cursor-shadow);transform-origin:3px 3px}.marketing-connector .connector-scene__pointer--open{animation:connector-open-pointer 7.5s infinite both}.marketing-connector .connector-scene__pointer--open svg{animation:connector-open-pointer-press 7.5s infinite both}@keyframes connector-open-pointer{0%,5%{opacity:0;transform:translate(20.2%,15.9%)}8%{opacity:1;transform:translate(20.2%,15.9%);animation-timing-function:cubic-bezier(.45,0,.2,1)}10%,17%{opacity:1;transform:translate(31%,22.1%);animation-timing-function:cubic-bezier(.45,0,.2,1)}18.5%,25%{opacity:1;transform:translate(31%,30.8%);animation-timing-function:cubic-bezier(.45,0,.2,1)}26.5%,40%{opacity:1;transform:translate(31%,39.5%)}44%,to{opacity:0;transform:translate(31%,39.5%)}}@keyframes connector-open-pointer-press{0%,33.5%{transform:scale(1);animation-timing-function:cubic-bezier(.3,0,.5,1)}34.5%{transform:scale(.86);animation-timing-function:cubic-bezier(.3,0,.5,1)}35.7%,to{transform:scale(1)}}.marketing-connector .connector-scene__desk{position:absolute;top:10%;left:6%;display:grid;align-content:start;width:50%;height:46%;overflow:hidden;border:1px solid #333;border-radius:var(--radius-lg);background:#202020;color:#f3f3f3;font-size:var(--type-caption);opacity:.8}.marketing-connector .connector-scene__desk-tab{display:flex;align-items:center;gap:7px;height:28px;margin-bottom:6px;padding:0 10px;background:#1a1a1a}.marketing-connector .connector-scene__desk-tab svg{color:#dcb35c}.marketing-connector .connector-scene__desk-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;height:26px;padding:0 12px;color:#b9b9b9;white-space:nowrap}.marketing-connector .connector-scene__desk-row>span:first-of-type{overflow:hidden;color:#f3f3f3;text-overflow:ellipsis}.marketing-connector .connector-scene__window--result{top:6%;left:11%;width:78%;transform-origin:61% 138%;animation:connector-notify-window 8s infinite both}.marketing-connector .connector-scene__toast{position:absolute;right:2.5%;bottom:13%;display:grid;gap:4px;width:min(46%,22rem);padding:11px 14px 13px;border:1px solid rgb(255 255 255/.1);border-radius:var(--radius-lg);background:#2b2b2b;box-shadow:var(--shadow-popover);color:#c9c9c9;font-size:var(--type-caption);line-height:1.4;animation:connector-notify-toast 8s infinite both}.marketing-connector .connector-scene__toast-app{display:flex;align-items:center;gap:7px;margin-bottom:3px;color:#c9c9c9}.marketing-connector .connector-scene__toast-app img{width:14px;height:14px}.marketing-connector .connector-scene__toast-app svg{margin-left:auto}.marketing-connector .connector-scene__toast strong{color:#fff;font-size:var(--type-label);font-weight:600}.marketing-connector .connector-scene__taskbar{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;height:9%;min-height:30px;border-top:1px solid rgb(255 255 255/.06);background:#1c1c1c;color:#e6e6e6}.marketing-connector .connector-scene__running,.marketing-connector .connector-scene__taskbar>svg{box-sizing:content-box;width:16px;height:16px;padding:6px 9px}.marketing-connector .connector-scene__taskbar>svg:nth-child(3){color:#dcb35c}.marketing-connector .connector-scene__running{position:relative;display:grid;place-items:center}.marketing-connector .connector-scene__running img{width:16px;height:16px}.marketing-connector .connector-scene__running:after{position:absolute;bottom:1px;left:calc(50% - 8px);width:16px;height:3px;border-radius:2px;background:#4cc2ff;content:"";transform:scaleX(.4);animation:connector-notify-focus 8s infinite both}.marketing-connector .connector-scene__clock{position:absolute;right:14px;color:#e6e6e6;font-size:var(--type-caption);font-variant-numeric:tabular-nums}.marketing-connector .connector-scene--notify{--toast-x:70%;--toast-y:76%}.marketing-connector .connector-scene__pointer--notify{z-index:5;animation:connector-notify-pointer 8s infinite both}.marketing-connector .connector-scene__pointer--notify svg{animation:connector-notify-pointer-press 8s infinite both}@keyframes connector-notify-pointer{0%,3%{opacity:0;transform:translate(31%,30%)}6%{opacity:1;transform:translate(31%,30%);animation-timing-function:cubic-bezier(.45,0,.55,1)}14%{opacity:1;transform:translate(35%,36%)}24%{opacity:1;transform:translate(35%,36%);animation-timing-function:cubic-bezier(.45,0,.2,1)}36%,45%{opacity:1;transform:translate(var(--toast-x),var(--toast-y))}50%,to{opacity:0;transform:translate(var(--toast-x),var(--toast-y))}}@keyframes connector-notify-pointer-press{0%,40.5%{transform:scale(1);animation-timing-function:cubic-bezier(.3,0,.5,1)}41.5%{transform:scale(.86);animation-timing-function:cubic-bezier(.3,0,.5,1)}42.7%,to{transform:scale(1)}}@keyframes connector-notify-toast{0%,8%{opacity:0;transform:translateX(108%);animation-timing-function:cubic-bezier(.16,1,.3,1)}14%,40%{opacity:1;transform:translateX(0) scale(1);animation-timing-function:cubic-bezier(.3,0,.5,1)}41.5%{opacity:1;transform:translateX(0) scale(.975)}43%{opacity:1;transform:translateX(0) scale(1);animation-timing-function:cubic-bezier(.4,0,1,1)}47%,to{opacity:0;transform:translateX(24%) scale(1)}}@keyframes connector-notify-window{0%,44%{opacity:0;transform:scale(.55);animation-timing-function:cubic-bezier(.16,1,.3,1)}53%,88%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.4,0,1,1)}95%,to{opacity:0;transform:scale(.55)}}@keyframes connector-notify-focus{0%,44%{transform:scaleX(.4)}50%,90%{transform:scaleX(1)}96%,to{transform:scaleX(.4)}}.marketing-connector .connector-install{border-top:1px solid var(--line)}.marketing-connector .connector-install__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"title facts" "action facts";column-gap:clamp(2rem,5vw,5rem);padding-block:var(--marketing-space-2xl)}.marketing-connector .connector-install h2{grid-area:title}.marketing-connector .connector-install__action{grid-area:action}.marketing-connector .connector-install__facts{grid-area:facts;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) clamp(2rem,4vw,4rem);align-content:start;margin:0}.marketing-connector .connector-install__facts dt{font-size:var(--marketing-copy);font-weight:600;line-height:1.3}.marketing-connector .connector-install__facts dd{max-width:40ch;margin:var(--space-3) 0 0;color:var(--sub);font-size:var(--marketing-copy);line-height:1.55}.marketing-connector .connector-product :focus-visible{outline:2px solid currentColor;outline-offset:4px}.marketing-connector .connector-product ::selection{background:var(--ink);color:var(--bg)}.marketing-connector .connector-chapter--paper ::selection{background:var(--bg);color:var(--ink)}@media (max-width:1050px){.marketing-connector .connector-hero__inner{gap:2rem}.marketing-connector .connector-hero h1{font-size:min(clamp(3rem,5.8vw,4.5rem),var(--hero-fit))}}@media (max-width:860px){.marketing-connector :is(.connector-hero__inner,.connector-chapter__inner,.connector-install__inner){grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.marketing-connector .connector-hero__inner{min-height:auto;padding-block:var(--space-6) var(--space-9)}.marketing-connector .connector-hero h1{font-size:min(clamp(3.1rem,10.2vw,4.4rem),var(--hero-fit))}.marketing-connector :is(.connector-chapter__inner,.connector-install__inner){padding-block:var(--marketing-space-xl)}.marketing-connector .connector-install__inner{grid-template-rows:none;grid-template-areas:"title" "facts" "action"}.marketing-connector .connector-install__action .connector-actions{margin-top:0}}@media (max-width:560px){.marketing-connector .connector-hero__lead{margin-top:var(--space-4);font-size:var(--marketing-copy)}.marketing-connector .connector-actions{margin-top:var(--space-5)}.marketing-connector .connector-release{margin-top:var(--space-3)}.marketing-connector .connector-install__facts{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.marketing-connector .connector-scene{aspect-ratio:1.2}.marketing-connector .connector-scene__explorer{width:92%;left:4%}.marketing-connector .connector-scene__window--open{width:80%;right:3%;transform-origin:22% -30%}.marketing-connector .connector-scene__window--result{width:90%;left:5%}.marketing-connector .connector-scene__toast{width:64%}.marketing-connector .connector-scene--notify{--toast-x:62%}}@media (prefers-reduced-motion:reduce){.marketing-connector .connector-scene *{animation:none!important}.marketing-connector .connector-scene__running:after{transform:none}}