/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/concepts/references.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.reference{--ref-bg:#faf9f6;--ref-ink:#161614;--ref-muted:#706e69;--ref-line:#e5e3de;background:var(--ref-bg);color:var(--ref-ink);font-family:var(--font-inter),Arial,sans-serif}
.ref-composio{--ref-bg:#101010;--ref-ink:#f4f4f4;--ref-muted:#939393;--ref-line:#292929}
.ref-freehand{--ref-bg:#210a02;--ref-ink:#fffaf4;--ref-muted:#bda99b;--ref-line:#4a2d20}
.ref-cdata{--ref-bg:#fff;--ref-ink:#182435;--ref-muted:#677581;--ref-line:#e2e7ed}
.ref-linear{--ref-bg:#ffffff;--ref-ink:#16191f;--ref-muted:#454d59;--ref-line:#bdc3cd;color-scheme:light}
.reference main>header,.reference main>footer{display:none}
.ref-composio main>div:first-child,.ref-freehand main>div:first-child,.ref-cdata main>div:first-child{display:none}
.reference a,.reference button{transition:color .15s,background .15s,border-color .15s}
.reference :focus-visible{outline:2px solid #8877ed;outline-offset:5px}
.reference section[id]{scroll-margin-top:90px}
.ref-announcement{display:flex;justify-content:center;gap:10px;align-items:center;min-height:32px;padding:7px 20px;font-size:11px;background:#111;color:#fff}
.ref-announcement a{display:inline-flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:3px}
.ref-beta-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;padding:6px 20px;background:#214bff;color:#fff;font-size:12px;line-height:18px}
.ref-beta-banner a{color:inherit;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.ref-beta-banner a:hover{text-decoration-thickness:2px}
.reference .ref-beta-banner a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ref-composio .ref-announcement{background:#1239f6;font-size:10px}
.ref-freehand .ref-announcement{background:#d6d856;color:#190a03}
.ref-cdata .ref-announcement{background:#edf3f9;color:#253348}
.ref-header{position:sticky;top:0;z-index:80;background:var(--ref-bg);border-bottom:1px solid var(--ref-line)}
.ref-nav{max-width:1320px;margin:auto;padding:0 32px;height:72px;display:flex;align-items:center;gap:40px}
.ref-brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:600;letter-spacing:-1px;flex-shrink:0}
.ref-desktop{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px}
.ref-menu{position:relative}.ref-menu>button{display:flex;gap:5px;align-items:center;padding:24px 0}
.ref-actions{display:flex;align-items:center;gap:14px}.ref-nav-cta{background:var(--ref-ink);color:var(--ref-bg);border-radius:5px;padding:10px 17px;font-size:12px;font-weight:500;white-space:nowrap}
.ref-nav-cta:hover{opacity:.85}.ref-mobile-toggle{display:none}
.ref-dropdown{position:absolute;top:60px;left:-20px;width:320px;padding:18px;background:var(--ref-bg);border:1px solid var(--ref-line);border-radius:9px;box-shadow:0 18px 50px #0002}
.ref-dropdown>p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ref-muted);padding:4px 10px 12px}
.ref-dropdown>a{display:block;padding:13px 10px;border-radius:5px}.ref-dropdown>a:hover{background:#8881}.ref-dropdown span{display:flex;justify-content:space-between;font-size:14px}.ref-dropdown small{display:block;font-size:12px;color:var(--ref-muted);margin-top:5px;line-height:1.5}
.ref-mobile{max-height:80vh;overflow:auto;border-top:1px solid var(--ref-line);padding:20px 24px 30px}.ref-mobile>div{margin-bottom:20px}.ref-mobile p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ref-muted);margin-bottom:8px}.ref-mobile a{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:15px}
.ref-footer{padding:70px 32px 28px;border-top:1px solid var(--ref-line);background:var(--ref-bg)}.ref-footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.ref-footer-description{font-size:13px;color:var(--ref-muted);line-height:1.7;margin-top:20px}.ref-footer-grid h2{font-family:inherit!important;font-size:12px!important;letter-spacing:0!important;font-weight:600!important;margin:5px 0 22px}.ref-footer-grid>div>a:not(.ref-brand){display:block;font-size:12px;color:var(--ref-muted);margin-top:13px}.ref-footer-bottom{max-width:1200px;margin:60px auto 0;padding-top:24px;border-top:1px solid var(--ref-line);display:flex;justify-content:space-between;font-size:11px;color:var(--ref-muted)}.ref-footer-bottom>div{display:flex;gap:24px}
/* Fin: editorial serif, compact controls, open white evidence sections. */
.ref-finai main{background:#faf9f6}.ref-finai h1,.ref-finai h2,.ref-finai h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.04}.ref-finai main h1{font-size:clamp(54px,7.1vw,102px)}.ref-finai main h2{font-size:clamp(36px,4vw,56px)}.ref-finai main h3{font-size:clamp(30px,3vw,42px)}.ref-finai main p{letter-spacing:-.015em}.ref-finai main a.rounded-full{border-radius:4px}.ref-finai #work{margin:0 16px;background:white}.ref-finai #work>section{padding-top:95px;padding-bottom:95px}.ref-finai #platform{padding-top:75px;padding-bottom:75px}.ref-finai #outcomes{background:#efede7;color:#171714}.ref-finai #outcomes p{color:#69665d}.ref-finai #outcomes .border-white\/15{border-color:#d4d0c6}.ref-finai #outcomes svg{color:#b45022}.ref-finai main div[class*='shadow-']{box-shadow:none}.ref-finai main h4{font-weight:500}
.fin-editorial-hero{max-width:1280px;margin:auto;min-height:780px;padding:50px 40px 0;position:relative;overflow:hidden}.fin-editorial-hero h1{max-width:900px;position:relative;z-index:2}.fin-editorial-hero .fin-hero-actions{position:relative;z-index:2;display:flex;gap:10px;margin-top:30px}.fin-hero-actions a{border:1px solid #181817;padding:10px 17px;border-radius:3px;font-size:14px}.fin-hero-actions a:first-child{background:#181817;color:white}.fin-hero-index{position:absolute;bottom:50px;left:40px;font-family:Georgia,serif;font-size:48px;line-height:1.02;letter-spacing:-.045em;z-index:2}.fin-sculpture{position:absolute;right:-100px;bottom:-90px;width:640px;height:580px;transform:rotate(-19deg)}.fin-sculpture span{position:absolute;left:200px;top:0;width:220px;height:580px;border:38px solid #c7642c;border-radius:50%;box-shadow:inset 9px 3px 12px #f8ba7d,9px 3px 14px #a3451933;background:transparent;transform:rotate(var(--rotation))}.fin-sculpture span:nth-child(2n){border-color:#dc8348}
/* Composio: exact measured heading scale, squared surfaces, dense technical hierarchy. */
.ref-composio .ref-nav{height:66px}.ref-composio .ref-desktop,.ref-composio .ref-nav-cta{font-family:var(--font-mono),monospace;text-transform:uppercase;font-size:10px}.ref-composio .ref-nav-cta{border-radius:0}.ref-composio main h1{font-family:var(--font-inter),sans-serif;font-size:clamp(40px,4.5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.055em;max-width:780px;margin-left:auto;margin-right:auto}.ref-composio main h2{font-family:var(--font-inter),sans-serif;font-size:clamp(30px,3.1vw,44px);line-height:1.14;font-weight:400;letter-spacing:-.045em}.ref-composio main h3{font-weight:400;font-size:21px}.ref-composio main>section{padding-top:100px;padding-bottom:100px}.ref-composio main>section:first-of-type{padding-top:84px;padding-bottom:55px}.ref-composio main>section:first-of-type>div:first-of-type{max-width:900px}.ref-composio main>section:first-of-type p{font-size:14px;max-width:530px;margin-left:auto;margin-right:auto}.ref-composio main>section:first-of-type h1 span{color:white;background:#143cff;text-decoration:none;padding:0 .07em}.ref-composio main div[class*='shadow-']{box-shadow:none}.ref-composio main h2.font-mono{font-family:var(--font-mono),monospace;font-size:56px}.ref-composio main p{line-height:1.6}
/* Freehand: restrained serif scale, three-part hero and warmer editorial rhythm. */
.ref-freehand main h1{font-size:clamp(44px,4.1vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.045em}.ref-freehand main h2{font-size:clamp(34px,4.1vw,58px);font-weight:400;line-height:1.07;letter-spacing:-.035em}.ref-freehand main h3{font-weight:400}.ref-freehand .ref-nav{max-width:1360px;height:82px}.ref-freehand .ref-desktop{margin:auto;gap:45px}.ref-freehand .ref-nav-cta{border-radius:0;text-transform:uppercase;background:#ff6800;color:#fff;font-family:var(--font-mono),monospace}.ref-freehand main>section:first-of-type{background:#210a02;padding-top:74px;padding-bottom:70px;min-height:680px}.ref-freehand main>section:first-of-type>div.mx-auto{max-width:1280px}.ref-freehand main>section:first-of-type>div.grid{align-items:start;grid-template-columns:1fr 1fr .95fr;gap:35px}.ref-freehand main>section:first-of-type>div.grid>div:last-child{padding-top:170px}.ref-freehand main>section:first-of-type h1+p{font-size:14px;line-height:1.7;max-width:340px}.ref-freehand main>section:first-of-type p.text-lg{font-size:15px;line-height:1.7}.ref-freehand main>section:first-of-type>div.grid>div:first-child>p:first-child{display:none}.ref-freehand main a[class*='bg-[#ff5c22]']{background:#ff6800}.ref-freehand main>section{padding-top:90px;padding-bottom:90px}.ref-freehand main div[class*='rounded-[50%]']{border-radius:12px;box-shadow:none;padding:55px 30px}.ref-freehand .ref-footer-grid{max-width:1280px}
.ref-freehand main>section:first-of-type>div.absolute{opacity:.15;pointer-events:none}.ref-freehand main>section:first-of-type>div.grid{position:relative}
.freehand-object{position:relative;width:100%;height:400px;display:grid;place-items:center;margin-top:35px;perspective:800px}.freehand-object-body{width:250px;height:280px;border-radius:64px;transform:rotateY(-22deg) rotateZ(15deg);border:9px solid #998473;background:linear-gradient(135deg,#f1d0a188,#342d29 20%,#d9c5a177 48%,#4e443a 80%);box-shadow:inset 0 0 0 3px #f4d8b777,inset 15px 8px 35px #f1d0a155,25px 30px 60px #0008;display:grid;place-items:center}.freehand-object-body img{width:160px;height:160px;object-fit:contain;filter:sepia(.6);opacity:.8}.freehand-plinth{position:absolute;bottom:0;width:240px;height:38px;border-radius:50%;background:radial-gradient(ellipse,#70401666,transparent 70%)}
/* CData: more legible enterprise hierarchy, reduced embellishment. */
.ref-cdata main h1{font-size:clamp(42px,4.8vw,70px);line-height:1.06;letter-spacing:-.045em;font-weight:500}.ref-cdata main h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:500}.ref-cdata main h3{font-size:24px;font-weight:500}.ref-cdata main>section{padding-top:88px;padding-bottom:88px}.ref-cdata main>section:nth-of-type(2){padding:34px 20px}.ref-cdata main>section:first-of-type{padding-top:70px;padding-bottom:76px}.ref-cdata main>section:first-of-type h1{max-width:920px}.ref-cdata main>section:first-of-type p{font-size:17px;max-width:700px}.ref-cdata main article{border-radius:5px;box-shadow:none!important}.ref-cdata main div[class*='shadow-']{box-shadow:none}.ref-cdata .ref-nav-cta{background:#7357ff;color:white}.ref-cdata main h2+p{font-size:17px}.ref-cdata main p{line-height:1.65}
@media(max-width:1000px){.ref-nav{gap:24px;padding:0 22px}.ref-desktop{gap:18px}.ref-freehand main>section:first-of-type>div.grid{grid-template-columns:1fr}.ref-freehand main>section:first-of-type>div.grid>div:last-child{padding-top:0}.freehand-object{height:340px;margin-top:0}.ref-freehand main>section:first-of-type h1{max-width:620px}.ref-freehand main>section:first-of-type h1+p{max-width:550px}}
@media(max-width:767px){.ref-desktop{display:none}.ref-mobile-toggle{display:block}.ref-actions{margin-left:auto}.ref-nav{height:64px;padding:0 20px}.ref-brand{font-size:22px}.ref-nav-cta{padding:9px 12px;font-size:11px}.ref-announcement{font-size:9px;gap:5px}.ref-announcement span{max-width:240px}.ref-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.ref-footer{padding:45px 22px 25px}.ref-footer-bottom{margin-top:35px}.fin-editorial-hero{padding:40px 24px 0;min-height:710px}.fin-editorial-hero h1{max-width:550px}.fin-sculpture{width:440px;height:370px;right:-140px;bottom:-60px;transform:scale(.7) rotate(-19deg);transform-origin:bottom right}.fin-hero-index{font-size:34px;left:24px;bottom:55px}.ref-finai #work>section{padding:65px 22px}.ref-finai #work{margin:0}.ref-finai #platform{padding:55px 22px}.ref-composio main>section,.ref-freehand main>section,.ref-cdata main>section{padding-top:65px;padding-bottom:65px}.ref-composio main h2.font-mono{font-size:38px}.ref-freehand .ref-nav{height:64px}.ref-freehand main>section:first-of-type{padding-top:38px}.ref-freehand main>section:first-of-type>div.grid{gap:15px}.ref-freehand main h1{font-size:49px}.ref-cdata main>section:first-of-type{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.reference *, .reference *::before,.reference *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Canonical homepage Products and Docs menus across all reference routes. */
.ref-shared-desktop>div>div{font-family:var(--font-inter),Arial,sans-serif;text-transform:none;letter-spacing:normal}
.ref-shared-mobile{max-height:calc(100dvh - 100px);overflow-y:auto;border-top:1px solid var(--ref-line);padding:20px 0 28px;background:var(--ref-bg)}
.ref-shared-mobile>section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ref-line)}
.ref-shared-mobile>section>h2{font-size:16px;font-weight:550;padding:0 22px 12px}
.ref-mobile-product-group>h3{font-size:12px;color:var(--ref-muted);padding:12px 22px 5px}
.ref-mobile-product-group>a,.ref-mobile-contact{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;font-size:14px}
.ref-mobile-product-group>a:hover{background:color-mix(in srgb,var(--ref-ink) 5%,transparent)}
.ref-shared-mobile [data-docs-navigation]{font-family:var(--font-inter),Arial,sans-serif;text-transform:none;letter-spacing:normal}
/* Theme tokens shared by each concept's navigation and full product/docs journey. */
.reference{--ref-accent:#345644;--ref-surface:#f2f1ed;--ref-surface-hover:#e8e7e1;--ref-button:#263e30;--ref-button-ink:#fff;--ref-radius:12px}
.ref-composio{--ref-accent:#a9baff;--ref-surface:#191919;--ref-surface-hover:#252525;--ref-button:#214bff;--ref-button-ink:#fff;--ref-radius:0px;color-scheme:dark}
.ref-freehand{--ref-accent:#ffad7a;--ref-surface:#30160c;--ref-surface-hover:#402116;--ref-button:#ff6800;--ref-button-ink:#160b05;--ref-radius:3px;color-scheme:dark}
.ref-cdata{--ref-accent:#6745cc;--ref-surface:#f5f4fa;--ref-surface-hover:#ece8f7;--ref-button:#7357ff;--ref-button-ink:#fff;--ref-radius:6px}
.ref-linear{--ref-accent:#304b6c;--ref-surface:#f4f6f8;--ref-surface-hover:#e9edf2;--ref-button:#252830;--ref-button-ink:#fff;--ref-radius:7px}
.reference .ref-themed-content,.reference .ref-themed-content .vv{--v-bg:var(--ref-bg);--v-bg-2:var(--ref-surface);--v-card:var(--ref-surface);--v-card-2:var(--ref-surface-hover);--v-ink:var(--ref-ink);--v-ink-2:var(--ref-muted);--v-ink-3:var(--ref-muted);--v-line:var(--ref-line);--v-line-2:var(--ref-line);--v-accent:var(--ref-accent);--v-accent-bright:var(--ref-accent);--v-display-accent:var(--ref-accent);--v-accent-2:var(--ref-accent);--v-amber:var(--ref-accent);--v-mint:var(--ref-accent);--v-btn-bg:var(--ref-button);--v-btn-fg:var(--ref-button-ink);--v-btn-hover:var(--ref-accent);--v-band:var(--ref-surface);--v-hover:var(--ref-surface-hover);background:var(--ref-bg);color:var(--ref-ink)}
.reference .ref-themed-content main>div:first-child{display:block}
.reference .ref-themed-content main>header{display:block}
.reference .ref-themed-content main{background:var(--ref-bg);padding-top:35px;color:var(--ref-ink)}
.reference .ref-themed-content main h1{font-family:var(--font-inter),Arial,sans-serif;font-size:clamp(36px,4.5vw,62px);line-height:1.1;letter-spacing:-.045em;font-weight:500;max-width:1000px;margin-left:0;margin-right:0}
.reference .ref-themed-content main h2{font-family:var(--font-inter),Arial,sans-serif;font-size:clamp(23px,2.6vw,34px);line-height:1.2;font-weight:500;letter-spacing:-.025em}
.reference .ref-themed-content main h3{font-size:20px;line-height:1.35;font-weight:500}
.reference .ref-themed-content main p{line-height:1.75}
.reference .ref-themed-content .v-card,.reference .ref-themed-content .v-btn,.reference .ref-themed-content .v-btn-ghost,.reference .ref-themed-content details{border-radius:var(--ref-radius)}
.ref-linear .ref-themed-content main h1,.ref-linear .ref-themed-content main h2{font-weight:600}
.ref-composio .ref-themed-content .v-card{border:1px solid var(--ref-line);box-shadow:4px 4px 0 #080808}
.ref-freehand .ref-themed-content main h1{font-family:var(--font-display),Arial,sans-serif;letter-spacing:-.035em}
.ref-finai .ref-themed-content main h1{font-family:var(--font-display),Arial,sans-serif;line-height:1.05}
.reference .ref-themed-content .doc-prose,.reference .ref-themed-content .doc-prose strong{color:var(--ref-ink)}
.reference .ref-themed-content .doc-prose p,.reference .ref-themed-content .doc-prose li,.reference .ref-themed-content .doc-prose td{color:var(--ref-muted)}
.reference .ref-themed-content .doc-prose a{color:var(--ref-accent)}
.reference .ref-themed-content .doc-prose pre,.reference .ref-themed-content .doc-prose code,.reference .ref-themed-content .bg-card{background:var(--ref-surface);color:var(--ref-ink);border-color:var(--ref-line)}
.reference .ref-themed-content .text-ink-soft{color:var(--ref-muted)}
.reference [data-navigation-panel]>div{border-color:var(--ref-line);border-radius:var(--ref-radius);background:var(--ref-bg);color:var(--ref-ink);box-shadow:0 18px 48px #0002}
.reference [data-navigation-panel]>div>section{border-color:var(--ref-line)}
.reference [data-navigation-panel]>div>section>h2{color:var(--ref-muted)}
.reference [data-navigation-panel]>div>section a{color:var(--ref-ink)}
.reference [data-navigation-panel]>div>section a:hover{background:var(--ref-surface-hover)}
.reference [data-docs-navigation]{background:var(--ref-bg);color:var(--ref-ink)}
.reference [data-docs-navigation]>div:first-child{background:var(--ref-surface);border-color:var(--ref-line)}
.reference [data-docs-navigation] [class*="border-white"]{border-color:var(--ref-line)}
.reference [data-docs-navigation] [class*="text-white/"]{color:var(--ref-muted)}
.reference [data-docs-navigation] [class*="text-[#00d4ed]"]{color:var(--ref-accent)}
.reference [data-docs-navigation] button[aria-pressed=true]{color:var(--ref-accent);background:var(--ref-surface-hover);border-color:var(--ref-line)}
.reference [data-docs-navigation] button[aria-pressed=false]{color:var(--ref-muted)}
.reference [data-docs-navigation] [role=tab][aria-selected=true]{color:var(--ref-ink);border-color:var(--ref-accent)}
.reference [data-docs-navigation] a:hover,.reference [data-docs-navigation] button:hover{background:var(--ref-surface-hover);color:var(--ref-ink)}
.reference [data-docs-navigation] section{background:var(--ref-surface);border-color:var(--ref-line)}
.reference [data-docs-navigation] a[aria-current=page]{color:var(--ref-accent);background:var(--ref-surface-hover)}
@media(max-width:767px){.reference .ref-themed-content main{padding-top:15px}.reference .ref-themed-content main h1{font-size:36px}.reference .ref-themed-content main h2{font-size:25px}}

/* Shared editorial and commercial pages follow the active reference palette. */
.reference{--ref-bg-rgb:250 249 246;--ref-ink-rgb:22 22 20;--ref-muted-rgb:112 110 105;--ref-line-rgb:229 227 222;--ref-surface-rgb:242 241 237;--ref-accent-rgb:52 86 68}
.ref-composio{--ref-bg-rgb:16 16 16;--ref-ink-rgb:244 244 244;--ref-muted-rgb:147 147 147;--ref-line-rgb:41 41 41;--ref-surface-rgb:25 25 25;--ref-accent-rgb:169 186 255}
.ref-linear{--ref-bg-rgb:255 255 255;--ref-ink-rgb:22 25 31;--ref-muted-rgb:69 77 89;--ref-line-rgb:189 195 205;--ref-surface-rgb:244 246 248;--ref-accent-rgb:48 75 108}
.ref-freehand{--ref-bg-rgb:33 10 2;--ref-ink-rgb:255 250 244;--ref-muted-rgb:189 169 155;--ref-line-rgb:74 45 32;--ref-surface-rgb:48 22 12;--ref-accent-rgb:255 173 122}
.ref-cdata{--ref-bg-rgb:255 255 255;--ref-ink-rgb:24 36 53;--ref-muted-rgb:103 117 129;--ref-line-rgb:226 231 237;--ref-surface-rgb:245 244 250;--ref-accent-rgb:103 69 204}
.reference .ref-editorial-content{--bg-rgb:var(--ref-bg-rgb);--fg-rgb:var(--ref-ink-rgb);--surface-rgb:var(--ref-surface-rgb);--card-rgb:var(--ref-surface-rgb);--card-strong-rgb:var(--ref-surface-rgb);--ink-soft-rgb:var(--ref-muted-rgb);--ink-mute-rgb:var(--ref-muted-rgb);--ink-faint-rgb:var(--ref-muted-rgb);--line-rgb:var(--ref-line-rgb);--line-strong-rgb:var(--ref-line-rgb);--line-hair-rgb:var(--ref-line-rgb);--accent-rgb:var(--ref-accent-rgb);--accent-strong-rgb:var(--ref-accent-rgb);--accent-soft-rgb:var(--ref-accent-rgb)}
.reference .ref-editorial-content main>header{padding-top:64px;padding-bottom:64px}
.reference .ref-editorial-content main>article{padding-top:64px}
.reference .ref-editorial-content main>div.fixed{display:none}
.reference .ref-editorial-content article{border-radius:var(--ref-radius)}
.reference .ref-editorial-content [class~="pt-24"]{padding-top:24px}
.reference .ref-editorial-content main>div:first-child.grid{display:grid}
.reference .ref-editorial-content main>div:first-child.fixed{display:none}
.reference .ref-editorial-content main>section{padding-top:56px;padding-bottom:56px}
@media(max-width:767px){.reference .ref-editorial-content main>header,.reference .ref-editorial-content main>article{padding-top:32px;padding-bottom:40px}.reference .ref-editorial-content main>section{padding-top:32px;padding-bottom:32px}}
/* Keep the study contents rail outside the wider themed article. */
.reference .ref-editorial-content main>aside.fixed{display:none}
@media(min-width:1440px){.reference .ref-editorial-content main>aside.fixed{display:block;right:calc(50% + 474px)!important}}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/concepts/parent-pages.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/* Parent-specific composition, shared by the inner pages of each concept. */
.reference.ref-linear main h1,
.reference.ref-linear main h2,
.reference.ref-linear main h3,
.reference.ref-linear .rf-composio-call h2 {
  font-family: var(--font-display), sans-serif;
}
.reference .ref-themed-content .parent-product-hero{padding:70px 0 90px}
.reference .ref-themed-content .parent-product-hero nav{font-size:12px}
.reference .ref-themed-content .v-btn,.reference .ref-themed-content .v-btn-ghost{font-family:var(--font-inter),Arial,sans-serif;letter-spacing:0;text-transform:none;font-size:14px}
.reference .ref-themed-content .parent-product-diagram{box-shadow:none}

/* Linear: left-aligned editorial rhythm, narrow copy and framed work surfaces. */
.ref-linear .ref-themed-content main{max-width:1280px;margin:auto;padding-top:0}
.ref-linear .ref-themed-content main h1{font-size:clamp(38px,5.3vw,72px);line-height:1.06;letter-spacing:-.055em;font-weight:600}
.ref-linear .ref-themed-content .parent-product-intro{grid-template-columns:1fr;gap:44px}
.ref-linear .ref-themed-content .parent-product-intro>div{max-width:850px}
.ref-linear .ref-themed-content .parent-product-diagram{border:1.5px solid #949eac;background:#f4f6f8;border-radius:7px;padding:28px}
.ref-linear .ref-themed-content .parent-product-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ref-linear .ref-themed-content .parent-product-diagram ol>li{margin-top:0}
.ref-linear .ref-themed-content .parent-product-diagram ol>li>svg{display:none}
.ref-linear .ref-themed-content .parent-product-diagram ol>li>div{height:100%;border-radius:5px}
.ref-linear .ref-themed-content .parent-product-outcomes{margin-inline:32px}
.ref-linear .ref-themed-content .v-card{border:1px solid var(--ref-line)}
.ref-linear .ref-themed-content main>section{border-bottom:1px solid var(--ref-line)}
.ref-linear .ref-themed-content main h2{font-size:clamp(25px,3vw,40px);font-weight:600}

/* Composio: centered launch heading, squared diagrams and light feature bands. */
.ref-composio .ref-themed-content .parent-product-intro{grid-template-columns:1fr;text-align:center;gap:56px}
.ref-composio .ref-themed-content .parent-product-intro>div{max-width:1000px;margin:auto}
.ref-composio .ref-themed-content .parent-product-intro h1,.ref-composio .ref-themed-content .parent-product-intro p{margin-left:auto;margin-right:auto}
.ref-composio .ref-themed-content .parent-product-intro>div>div{justify-content:center}
.ref-composio .ref-themed-content main h1{font-size:clamp(42px,6.5vw,88px);line-height:.98;letter-spacing:-.06em;font-weight:500}
.ref-composio .ref-themed-content .parent-product-diagram{width:100%;max-width:1040px;margin:auto;text-align:left;border:1px solid #555;border-radius:0;background:#151515;padding:32px}
.ref-composio .ref-themed-content .parent-product-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#444;border:1px solid #444}
.ref-composio .ref-themed-content .parent-product-diagram ol>li{margin:0;background:#101010;padding:22px}
.ref-composio .ref-themed-content .parent-product-diagram ol>li>div{border:0;padding:0;border-radius:0}
.ref-composio .ref-themed-content .parent-product-diagram ol>li>svg{display:none}
.ref-composio .ref-themed-content .parent-product-outcomes,.ref-composio .ref-themed-content section.v-band,.ref-composio .ref-themed-content section.v-bg-2{--v-bg:#fff;--v-ink:#151515;--v-ink-2:#585858;--v-line:#d2d2cc;--v-accent:#214bff;--v-card:#fff;--v-card-2:#eee;--v-btn-bg:#151515;--v-btn-fg:#fff;background:#f4f4f1;color:#151515}
.ref-composio .ref-themed-content .parent-page-hero{text-align:center;max-width:1060px}
.ref-composio .ref-themed-content .parent-page-hero>p,.ref-composio .ref-themed-content .parent-page-hero h1{margin-left:auto;margin-right:auto}
.ref-composio .ref-themed-content .parent-page-hero>div{justify-content:center}
.ref-composio .ref-themed-content article,.ref-composio .ref-themed-content .v-card,.ref-composio .ref-themed-content .v-bg{border-radius:0}
.ref-composio .ref-themed-content .v-btn{font-family:var(--font-mono),monospace;text-transform:uppercase;font-size:12px;letter-spacing:.04em}

/* Freehand: warm paper sections, serif hierarchy and orange calls to action. */
.ref-freehand .ref-themed-content main h1,.ref-freehand .ref-themed-content main h2,.ref-freehand .ref-themed-content main h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.ref-freehand .ref-themed-content main h1{font-size:clamp(44px,6.2vw,86px);line-height:1.01;letter-spacing:-.045em}
.ref-freehand .ref-themed-content main h2{font-size:clamp(30px,3.7vw,50px);line-height:1.08}
.ref-freehand .ref-themed-content .parent-product-intro{grid-template-columns:1.1fr 1fr;gap:64px}
.ref-freehand .ref-themed-content .parent-product-diagram{background:#34180e;border:1px solid #68402c;border-radius:0;padding:32px}
.ref-freehand .ref-themed-content .parent-product-outcomes,.ref-freehand .ref-themed-content section.v-band,.ref-freehand .ref-themed-content section.v-bg-2{--v-bg:#fffdf8;--v-ink:#29140c;--v-ink-2:#6e5b51;--v-line:#d9d2c8;--v-accent:#b74016;--v-card:#fffdf8;--v-card-2:#eee5d9;--v-btn-bg:#c74419;--v-btn-fg:#fff;background:#f5f2eb;color:#29140c}
.ref-freehand .ref-themed-content .v-btn,.ref-freehand .ref-themed-content .v-btn-ghost{border-radius:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:15px 22px}
.ref-freehand .ref-themed-content article{border-radius:0}
.ref-freehand .ref-themed-content .parent-product-outcomes>div{gap:0}
.ref-freehand .ref-themed-content .parent-product-outcomes>div>div{padding:24px 32px;border-right:1px solid #d9d2c8}
.ref-freehand .ref-themed-content .parent-product-outcomes>div>div:last-child{border-right:0}

/* Fin: broad editorial titles, centered introduction and soft visual stages. */
.ref-finai .ref-themed-content main h1{font-size:clamp(48px,7.4vw,104px);font-family:var(--font-display),Arial,sans-serif;line-height:.95;letter-spacing:-.06em;font-weight:500}
.ref-finai .ref-themed-content .parent-product-intro{grid-template-columns:1fr;gap:60px;text-align:center}
.ref-finai .ref-themed-content .parent-product-intro>div{max-width:1000px;margin:auto}
.ref-finai .ref-themed-content .parent-product-intro h1,.ref-finai .ref-themed-content .parent-product-intro p{margin-left:auto;margin-right:auto}
.ref-finai .ref-themed-content .parent-product-intro>div>div{justify-content:center}
.ref-finai .ref-themed-content .parent-product-diagram{background:#eee8df;border:0;border-radius:24px;text-align:left;width:100%;max-width:960px;margin:auto;padding:40px}
.ref-finai .ref-themed-content .parent-product-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ref-finai .ref-themed-content .parent-product-diagram ol>li{margin:0}
.ref-finai .ref-themed-content .parent-product-diagram ol>li>div{height:100%;background:#faf9f6;border:0;border-radius:14px;display:block}
.ref-finai .ref-themed-content .parent-product-diagram ol>li>div>div{margin-top:20px}
.ref-finai .ref-themed-content .parent-product-diagram ol>li>svg{display:none}
.ref-finai .ref-themed-content .parent-page-hero{text-align:center;max-width:1120px}
.ref-finai .ref-themed-content .parent-page-hero>p,.ref-finai .ref-themed-content .parent-page-hero h1{margin-inline:auto}
.ref-finai .ref-themed-content .parent-page-hero>div{justify-content:center}
.ref-finai .ref-themed-content .v-btn,.ref-finai .ref-themed-content .v-btn-ghost{border-radius:999px;padding:14px 24px}
.ref-finai .ref-themed-content main h2{font-family:var(--font-display),Arial,sans-serif;font-size:clamp(28px,3.7vw,48px);letter-spacing:-.04em}

/* CData: compact enterprise grids beneath a centered, spacious hero. */
.ref-cdata .ref-themed-content .parent-product-intro{grid-template-columns:1fr;gap:48px;text-align:center}
.ref-cdata .ref-themed-content .parent-product-intro>div{max-width:960px;margin:auto}
.ref-cdata .ref-themed-content .parent-product-intro h1,.ref-cdata .ref-themed-content .parent-product-intro p{margin-inline:auto}
.ref-cdata .ref-themed-content .parent-product-intro>div>div{justify-content:center}
.ref-cdata .ref-themed-content main h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;font-weight:500;letter-spacing:-.045em}
.ref-cdata .ref-themed-content .parent-product-diagram{background:#f5f4fa;border:1px solid #e2ddef;text-align:left;width:100%;max-width:1120px;margin:auto;border-radius:5px}
.ref-cdata .ref-themed-content .parent-product-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ref-cdata .ref-themed-content .parent-product-diagram ol>li{margin:0}
.ref-cdata .ref-themed-content .parent-product-diagram ol>li>div{height:100%;border-radius:5px}
.ref-cdata .ref-themed-content .parent-product-diagram ol>li>svg{display:none}
.ref-cdata .ref-themed-content .parent-page-hero{text-align:center;max-width:1100px}
.ref-cdata .ref-themed-content .parent-page-hero>p,.ref-cdata .ref-themed-content .parent-page-hero h1{margin-inline:auto}
.ref-cdata .ref-themed-content .parent-page-hero>div{justify-content:center}

/* Documentation uses the parent's controls and spacing with a readable title scale. */
.reference .parent-docs-page main h1{font-size:clamp(34px,4.3vw,60px);line-height:1.1}
.ref-freehand .parent-docs-page .v-card{border:1px solid #68402c;border-radius:0}
.ref-composio .parent-docs-page .v-card{border-radius:0;box-shadow:5px 5px 0 #050505}
.ref-finai .parent-docs-page .v-card{border-radius:18px;padding:28px}
.ref-cdata .parent-docs-page .v-card{border:1px solid #e2ddef;border-radius:5px}
@media(max-width:900px){
 .reference .ref-themed-content .parent-product-intro{grid-template-columns:1fr;gap:36px}
 .reference .ref-themed-content .parent-product-hero{padding:36px 0 48px}
 .reference .ref-themed-content .parent-product-diagram{padding:22px}
 .ref-linear .ref-themed-content .parent-product-outcomes{margin-inline:20px}
}
@media(max-width:600px){
 .reference .ref-themed-content main h1{font-size:42px;line-height:1.05}
 .reference .parent-docs-page main h1{font-size:34px}
 .reference .ref-themed-content .parent-product-diagram ol{grid-template-columns:1fr}
 .reference .ref-themed-content .parent-product-outcomes>div>div{border-right:0;padding:20px 0}
 .reference .ref-themed-content .parent-product-intro{text-align:left}
 .reference .ref-themed-content .parent-product-intro>div>div{justify-content:flex-start}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/concepts/dark-preview.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/* Warm dark preview, scoped to the current website and its Linear reference. */
.ref-color-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid var(--ref-line); border-radius: 50%; background: transparent; color: var(--ref-ink); cursor: pointer; }
.ref-color-toggle:hover { background: var(--ref-surface); }
.ref-color-toggle:focus-visible { outline: 2px solid var(--ref-accent); outline-offset: 3px; }
.reference.ref-linear.dark-preview {
  --ref-bg: #141412;
  --ref-ink: #eeede7;
  --ref-muted: #aaa99f;
  --ref-line: #383832;
  --ref-surface: #1d1d19;
  --ref-surface-hover: #292923;
  --ref-accent: #afbefa;
  --ref-button: #eeede7;
  --ref-button-ink: #171714;
  --ref-bg-rgb: 20 20 18;
  --ref-ink-rgb: 238 237 231;
  --ref-muted-rgb: 170 169 159;
  --ref-line-rgb: 56 56 50;
  --ref-surface-rgb: 29 29 25;
  --ref-accent-rgb: 175 190 250;
  color-scheme: dark;
  background: var(--ref-bg);
  color: var(--ref-ink);
}
.dark-preview .linear-page {
  --linear-accent: #afbefa;
  background: var(--ref-bg);
  color: var(--ref-ink);
}
.dark-preview :is(.linear-preview, .linear-story-card, .linear-workflow-stages, .contact-booking, .systems-governance > div) {
  box-shadow: none !important;
}
.dark-preview :is(main, footer) :is(h1, h2, h3, h4, strong, b, dd) { color: var(--ref-ink) !important; }
.dark-preview :is(main, footer) :is(p, small, dt, figcaption) { color: var(--ref-muted) !important; }
.dark-preview :is(.linear-hero-description, .linear-story-duration, .linear-story-percent, .linear-story-action, .linear-story-duration span) { color: var(--ref-ink); }
.dark-preview :is(.linear-story-card, .context-action-grid .linear-story-card, .infrastructure-grid > article, .audience-grid > article, .systems-panel-inner, .process-demo, .dp-main, .linear-workflow-stages) {
  background: var(--ref-surface) !important;
  color: var(--ref-ink);
}
.dark-preview :is(.linear-story-visual, .context-action-visual, .knowledge-graph-visual, .data-layer-mini, .infrastructure-visual, .process-demo-sidebar, .dp-sidebar, .dp-shell, .la-ownership) {
  background: #191916 !important;
  color: var(--ref-muted);
}
.dark-preview :is(.linear-page, .linear-archive-page, .product-dashboard-preview) * { border-color: var(--ref-line) !important; }
.dark-preview :is(.linear-page, .linear-archive-page) a:not(.linear-hero-explore):not(.la-primary) { color: var(--ref-accent); }
.dark-preview .linear-hero-actions .linear-hero-explore,
.dark-preview .la-primary {
  background: #eeede7;
  color: #171714;
  border-color: #eeede7;
}
.dark-preview :is(.thesis-work h2 span, .thesis-control-heading h2 span, .la-hero h1 span) { color: #b7b5a9; }
.dark-preview :is(.linear-story-duration svg, .linear-story-action svg, .context-action-visual, .audience-icon) { color: #b7b5a9; }
.dark-preview .linear-story-logos img { background: #eeede7; padding: 4px 6px; border-radius: 3px; box-sizing: content-box; }
.dark-preview :is(.knowledge-graph-hub, .knowledge-graph-labels > span, .data-layer-mini-sources > div, .action-visual > div > span, .infrastructure-migration > div, .archive-sheet, .archive-destination, .backup-source, .backup-target) {
  background: #262620;
  color: #d6d5cb;
}
.dark-preview :is(.knowledge-graph-labels > span, .data-layer-mini-sources > div > span, .data-layer-mini-clients > span, .data-layer-mini-environments) { color: #c2c1b6; }
.dark-preview .knowledge-graph-visual > svg path { stroke: #62635a; }
.dark-preview :is(.data-layer-mini-hub::before, .backup-path) { background: #62635a; }
.dark-preview .archive-sheet i { background: #56574e; }
.dark-preview .systems-panel { background: #20201b; }
.dark-preview .systems-tile { background: #25251f; }
.dark-preview .systems-tile > span:last-child { color: #d5d4ca; }
.dark-preview .systems-tile > span:first-child {
  background: #efeee8;
  border-radius: 4px;
  padding: 2px;
  color: #222;
}
.dark-preview :is(.data-layer-mini-clients > div, .data-layer-mini-sources > div > div) { background: #efeee8; color: #222; border-radius: 3px; }
.dark-preview .systems-governance > div { background: #eeede7; }
.dark-preview .systems-governance p { background: var(--ref-bg); }
.dark-preview .systems-connector { stroke: #a3a494; }
.dark-preview .linear-workflow-number { color: #afbefa; }
.dark-preview .linear-workflow-stages li:first-child { box-shadow: inset 0 3px 0 #afbefa; }

/* The demo uses the same palette in its idle, investigation, approval and receipt states. */
.dark-preview :is(.process-demo-main, .process-demo-content, .chat-scenes) { color: var(--ref-ink); }
.dark-preview :is(.process-demo-request, .process-demo-nav.active, .chat-recent-list .process-demo-chat.is-current, .billing-evidence, .billing-approval, .billing-reply, .chat-composer-input, .linear-chat-draft, .chat-record-preview, .chat-permission-preview, .chat-incoming-query, .chat-found-invoice) {
  background: #282821;
  color: #e0dfd5;
}
.dark-preview :is(.process-demo-nav, .process-demo-org span, .process-demo-main > header span, .process-demo-chat, .billing-demo .billing-identity, .chat-composer-placeholder, .chat-quiet-activity, .chat-quiet-activity svg, .billing-evidence small, .billing-approval li, .billing-receipt li, .billing-reply > span) { color: #b5b4a9 !important; }
.dark-preview :is(.chat-welcome-brand, .chat-typed-text, .process-demo-brand, .process-demo-agent, .billing-evidence > div) { color: #eeede7; }
.dark-preview .process-demo-agent > span { color: #a4c7ad !important; }
.dark-preview .chat-composer-send { background: #3a3b33; color: #b5b4a9; }
.dark-preview :is(.chat-send-button, .process-demo-approve, .chat-composer-send[data-ready="true"]) { background: #cad4ff; color: #191b22; }
.dark-preview :is(.billing-receipt svg, .billing-demo .billing-identity svg) { color: #a4c7ad; }
.dark-preview :is(.chat-salesforce-table th, .chat-table-pagination, .linear-chat-attachment) { background: #25251f; color: #c2c1b6; }

/* Commercial pages and product illustrations. */
.dark-preview .contact-page { --contact-accent: #afbefa; }
.dark-preview .contact-primary { background: #eeede7; color: #171714; }
.dark-preview .contact-topic.is-selected { background: #292c37; }
.dark-preview .contact-topic:hover { background: #24241f; }
.dark-preview .linear-archive-page { background: var(--ref-bg); color: var(--ref-ink); }
.dark-preview :is(.la-workflow li, .la-policy, .la-transfer, .la-verification, .la-databases span, .dp-gauges, .dp-stats > div, .dp-coverage > div, .dp-card) { background: var(--ref-surface) !important; color: var(--ref-ink); }
.dark-preview :is(.la-policy > div, .la-transfer > span, .la-verification > div, .dp-status, .dp-sidebar > span.dp-selected) { background: #2b2b24; color: #d8d7cb; }
.dark-preview :is(.dp-sidebar > span, .dp-stats span, .dp-org, .la-policy span, .la-verification span) { color: var(--ref-muted); }
.dark-preview .dp-ring circle:first-child { stroke: #393a32; }
.dark-preview .dp-ring circle:last-child { stroke: #afbefa; }
.dark-preview .rf { background: #10100e; }
.dark-preview .rf :is(.rf-composio-grid, .rf-links > div, .rf-legal) { border-color: #383832; }
.dark-preview .rf .rf-cta { background: #eeede7; color: #171714; }
.dark-preview .ref-nav-cta:hover { background: #d8d7ce; color: #171714; }
.dark-preview .ref-header { background: #141412; }
.dark-preview .ref-shared-mobile { background: #141412; }
.dark-preview :focus-visible { outline-color: #afbefa; }
.dark-preview :is(.dp-panel, .dp-environment, .la-environments span) { background: #25251f; color: #d8d7cb; }
.dark-preview .la-workflow ol { box-shadow: none; }
.dark-preview .la-actions .la-primary { background: #eeede7; color: #171714; }
.dark-preview :is(.la-benefits article > svg, .la-workflow li > span, .la-ownership svg) { color: #afbefa; }
.dark-preview :is(.archive-sheet > span, .archive-destination > span, .infrastructure-migration > div > span) { color: #c2c1b6; }
.dark-preview .contact-primary:hover { background: #d8d7ce; color: #171714; }

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/concepts/cyan-theme.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* Vivly cyan: deeper text on white, bright accents on dark surfaces. */
.reference.ref-linear {
  --ref-accent: #007f93;
  --ref-accent-rgb: 0 127 147;
  --vivly-cyan: #00d4ed;
  --vivly-cyan-ink: #062e35;
}
.reference.ref-linear.dark-preview {
  --ref-accent: #00d4ed;
  --ref-accent-rgb: 0 212 237;
}
.reference.ref-linear .linear-page { --linear-accent: var(--ref-accent); }
.reference.ref-linear :is(.billing-receipt svg, .billing-evidence > div > svg, .billing-identity > svg,
  .action-visual, .archive-destination, .backup-source, .backup-target,
  .infrastructure-migration > div, .migration-route, .infrastructure-copy > a) { color: var(--ref-accent); }
.reference.ref-linear .billing-reply { border-left-color: var(--ref-accent) !important; background: #effafb; }
.reference.ref-linear .billing-demo :is(.process-demo-nav.active, .process-demo-chat.is-current) { background: #e5f5f7; color: #00677a; }
.reference.ref-linear .billing-demo :is(.chat-send-button, .chat-composer-send[data-ready="true"]) { background: var(--vivly-cyan); border-color: var(--vivly-cyan); color: var(--vivly-cyan-ink); }
.reference.ref-linear .chat-typing-caret { background: var(--ref-accent); }
.reference.ref-linear.dark-preview .billing-reply,
.reference.ref-linear.dark-preview .billing-demo :is(.process-demo-nav.active, .process-demo-chat.is-current) { background: #153035; color: #67e8f9; }
.reference.ref-linear .systems-governance > div { box-shadow: 4px 4px 0 var(--vivly-cyan); }
.reference.ref-linear.dark-preview .systems-governance img { filter: invert(1); }
.reference.ref-linear .systems-connector { stroke: var(--ref-accent); }
.reference.ref-linear .systems-ai::after,
.reference.ref-linear .systems-source-column::before { border-color: var(--ref-accent); }
@media (max-width: 999px) {
  .reference.ref-linear .systems-governance::before,
  .reference.ref-linear .systems-governance::after { background: var(--ref-accent); }
}
.reference.ref-linear .ref-beta-banner,
.reference.ref-linear .linear-hero-explore,
.reference.ref-linear .rf .rf-cta {
  background: var(--vivly-cyan);
  color: var(--vivly-cyan-ink);
}
.reference.ref-linear .ref-beta-banner a { color: var(--vivly-cyan-ink); }
.reference.ref-linear .ref-beta-banner a:focus-visible { outline-color: var(--vivly-cyan-ink); }
.reference.ref-linear .rf-composio-brand > a:last-child { color: var(--vivly-cyan); }
.reference.ref-linear.dark-preview .linear-workflow-number { color: var(--ref-accent); }
.reference.ref-linear.dark-preview .linear-workflow-stages li:first-child { box-shadow: inset 0 3px 0 var(--ref-accent); }
.reference.ref-linear.dark-preview :is(.chat-send-button, .process-demo-approve, .chat-composer-send[data-ready="true"]) { background: var(--vivly-cyan); color: var(--vivly-cyan-ink); }
.reference.ref-linear.dark-preview .contact-page { --contact-accent: var(--ref-accent); }
.reference.ref-linear.dark-preview .dp-ring circle:last-child { stroke: var(--ref-accent); }
.reference.ref-linear.dark-preview :focus-visible { outline-color: var(--ref-accent); }
.reference.ref-linear.dark-preview :is(.la-benefits article > svg, .la-workflow li > span, .la-ownership svg) { color: var(--ref-accent); }

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/concepts/reference-footers.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.rf{position:relative;overflow:hidden;font-family:var(--font-inter),Arial,sans-serif;background:var(--ref-bg);color:var(--ref-ink);border-top:1px solid var(--ref-line)}
.rf-inner{max-width:1280px;margin:0 auto;padding:0 40px}
.rf a{transition:color .15s,background .15s}.rf a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.rf a:hover{text-decoration:underline;text-underline-offset:5px}
.rf-brand{display:inline-flex;gap:10px;align-items:center;font-size:25px;font-weight:650;letter-spacing:-1px;width:fit-content}
.rf-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.rf-links h2{font-size:13px;font-weight:600;line-height:1.4;margin-bottom:22px;letter-spacing:0}
.rf-links ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.rf-links a{font-size:13px;line-height:1.5;color:var(--ref-muted);overflow-wrap:anywhere}
.rf-legal{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:12px;color:var(--ref-muted);border-top:1px solid var(--ref-line)}
.rf-legal nav{display:flex;gap:24px}.rf-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;width:fit-content;padding:14px 20px;font-size:14px;font-weight:550;background:var(--ref-button);color:var(--ref-button-ink);border-radius:var(--ref-radius);white-space:nowrap}
.rf-cta:hover{text-decoration:none!important;filter:brightness(1.1)}
.rf-caption{font-size:14px;line-height:1.8;color:var(--ref-muted)}
.rf-linear-top{display:flex;align-items:center;gap:64px;padding:48px 0;border-bottom:1px solid var(--ref-line)}
.rf-linear-top p{font-size:23px;font-weight:550;line-height:1.3;letter-spacing:-.7px}.rf-linear-top .rf-cta{margin-left:auto}
.rf-linear-body{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:54px 0 64px}.rf-linear .rf-links a{font-weight:500}
.rf-composio{background:#101010;color:#fff;--ref-ink:#fff;--ref-muted:#aaa;--ref-line:#363636}.rf-composio-call{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:65px 0 55px}
.rf-kicker{font-family:var(--font-mono),monospace;font-size:11px;color:#a9baff}.rf-composio-call h2{font-size:clamp(40px,5.3vw,72px);line-height:1;letter-spacing:-.055em;font-weight:500;margin-top:20px}
.rf-composio .rf-cta{border-radius:0;font-family:var(--font-mono),monospace;background:#214bff;color:#fff}
.rf-composio-grid{display:grid;grid-template-columns:1fr 2fr;border:1px solid #363636}.rf-composio-brand{padding:32px;border-right:1px solid #363636}.rf-composio-brand p{font-size:14px;line-height:1.8;color:#aaa;margin:28px 0}.rf-composio-brand>a:last-child{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#a9baff}
.rf-composio .rf-links{gap:0}.rf-composio .rf-links>div{padding:32px 24px;border-right:1px solid #363636}.rf-composio .rf-links>div:last-child{border:0}.rf-composio .rf-links h2{font-family:var(--font-mono),monospace;font-size:11px}
.rf-composio .rf-legal{border-top:0}.rf-outline-word{font-size:clamp(100px,21vw,290px);font-weight:650;letter-spacing:-.07em;line-height:.8;color:transparent;-webkit-text-stroke:1px #454545;user-select:none;padding-top:24px;margin-bottom:-.05em}
.rf-freehand{background:#210a02}.rf-freehand-call{padding:70px 0;position:relative;border-bottom:1px solid #68402c}.rf-freehand-call>p{color:#ffad7a;font-size:13px;margin-bottom:25px}.rf-freehand-call h2{font-family:Georgia,serif;font-size:clamp(48px,6vw,84px);font-weight:400;line-height:1.05;letter-spacing:-.045em}.rf-freehand-call em{color:#ffad7a;font-weight:400}.rf-freehand-call .rf-cta{position:absolute;right:0;bottom:80px;background:#ff6800;color:#210a02;border-radius:0;padding:18px 28px}
.rf-freehand-directory{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:55px 0}.rf-freehand-directory>div>p{font-size:14px;line-height:1.8;color:#bda99b;margin-top:24px}.rf-freehand .rf-links h2{font-family:Georgia,serif;font-size:20px;font-weight:400}.rf-freehand .rf-legal{border-color:#68402c}
.rf-cdata{background:#fff}.rf-cdata-banner{background:#f0ecff;border-bottom:1px solid #d9d1f3}.rf-cdata-banner .rf-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:48px;padding-bottom:48px}.rf-cdata-banner p{font-size:13px;color:#6745cc;margin-bottom:12px}.rf-cdata-banner h2{font-size:clamp(32px,4vw,50px);font-weight:500;line-height:1.1;letter-spacing:-.04em}.rf-cdata .rf-cta{background:#7357ff;color:white;border-radius:5px}.rf-cdata-directory{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:60px 0}.rf-cdata-directory>div>p{font-size:16px;line-height:1.7;color:#677581;margin:24px 0}.rf-text-link{display:inline-flex;align-items:center;gap:8px;color:#6745cc;font-size:13px;font-weight:550}
.rf-finai{background:#eeeae2;color:#161614;--ref-muted:#666259;--ref-line:#d1cabf}.rf-finai-call{padding:70px 0 65px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;border-bottom:1px solid #d1cabf}.rf-finai-call h2{font-size:clamp(48px,6.5vw,90px);line-height:.98;letter-spacing:-.065em;font-weight:500}.rf-finai-call h2 span{color:#777266}.rf-finai-call p{font-size:16px;line-height:1.7;margin-bottom:25px}.rf-finai .rf-cta{border-radius:999px;background:#161614;color:#fff}.rf-finai-directory{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:50px 0}.rf-finai-word{font-size:clamp(120px,23vw,320px);letter-spacing:-.08em;line-height:.88;font-weight:500;padding:10px 0 30px;user-select:none}
@media(max-width:950px){.rf-inner{padding-inline:24px}.rf-links{gap:20px}.rf-linear-body,.rf-freehand-directory,.rf-cdata-directory,.rf-finai-directory{grid-template-columns:1fr;gap:35px}.rf-composio-grid{grid-template-columns:1fr}.rf-composio-brand{border-right:0;border-bottom:1px solid #363636}.rf-composio-brand p{margin:18px 0}.rf-freehand-call .rf-cta{position:static;margin-top:30px}.rf-finai-call{gap:30px}.rf-linear-top{gap:30px}}
@media(max-width:600px){.rf-inner{padding-inline:22px}.rf-links{grid-template-columns:1fr 1fr;gap:30px 20px}.rf-links h2{margin-bottom:16px}.rf-links ul{gap:12px}.rf-linear-top{flex-wrap:wrap;padding:35px 0;gap:24px}.rf-linear-top p{font-size:20px}.rf-linear-top .rf-cta{margin-left:0}.rf-linear-body{padding:32px 0}.rf-composio-call{flex-direction:column;align-items:start;padding:40px 0;gap:28px}.rf-composio .rf-links{grid-template-columns:1fr}.rf-composio .rf-links>div{border-right:0;border-bottom:1px solid #363636;padding:24px}.rf-composio .rf-links ul{grid-template-columns:1fr 1fr;gap:14px}.rf-composio-brand{padding:24px}.rf-freehand-call{padding:40px 0}.rf-freehand-directory{padding:35px 0}.rf-cdata-banner .rf-inner{align-items:start;flex-direction:column;padding-block:35px}.rf-cdata-directory{padding:35px 0}.rf-finai-call{grid-template-columns:1fr;padding:40px 0;gap:28px}.rf-finai-directory{padding:35px 0}.rf-legal{align-items:start;flex-direction:column;gap:16px}.rf-legal nav{gap:22px}.rf-outline-word{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.rf a{transition:none}}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/content/contact.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.contact-page { --contact-accent: #214bff; color: rgb(var(--fg-rgb)); background: rgb(var(--bg-rgb)); }
.contact-container { max-width: 1240px; margin: 0 auto; padding: 150px 40px 70px; }
.contact-page--embedded .contact-container { padding-top: 85px; }
.contact-page .contact-container > .contact-grid, .reference .contact-page .contact-container > .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.contact-eyebrow { color: var(--contact-accent); font-size: 15px; font-weight: 600; margin: 0 0 24px; }
.contact-intro h1 { font-size: clamp(40px, 4.5vw, 62px); letter-spacing: -.045em; line-height: 1.08; font-weight: 550; margin: 0; }
.contact-lead { font-size: 18px; line-height: 1.65; color: rgb(var(--ink-soft-rgb)); max-width: 440px; margin: 24px 0 0; }
.contact-agenda { list-style: none; padding: 0; margin: 44px 0 0; display: grid; gap: 26px; }
.contact-agenda li { display: flex; gap: 18px; }
.contact-agenda li > span { color: var(--contact-accent); font-size: 13px; padding-top: 4px; }
.contact-agenda h2 { font-size: 17px; font-weight: 600; margin: 0 0 5px; }
.contact-agenda p { font-size: 15px; line-height: 1.6; color: rgb(var(--ink-soft-rgb)); margin: 0; }
.contact-booking { min-width: 0; border: 1px solid rgb(var(--fg-rgb) / .15); border-radius: 16px; padding: 32px; box-shadow: 0 12px 40px rgb(var(--fg-rgb) / .035); }
.contact-calendar-icon { color: var(--contact-accent); margin-bottom: 20px; }
.contact-booking > h2 { font-size: 29px; line-height: 1.2; letter-spacing: -.035em; font-weight: 550; margin: 0; }
.contact-booking-description { font-size: 16px; color: rgb(var(--ink-soft-rgb)); margin: 12px 0 26px; }
.contact-topics { border: 0; padding: 0; margin: 0; min-width: 0; }
.contact-topics legend { font-size: 14px; font-weight: 550; margin-bottom: 14px; }
.contact-topics legend span { font-size: 12px; font-weight: 400; color: rgb(var(--ink-soft-rgb)); margin-left: 8px; }
.contact-topic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.contact-topic { position: relative; display: flex; flex-direction: column; gap: 7px; border: 1px solid rgb(var(--fg-rgb) / .17); border-radius: 9px; padding: 16px 14px; cursor: pointer; transition: background .15s, border-color .15s; }
.contact-topic input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; cursor: pointer; }
.contact-topic:focus-within { outline: 2px solid var(--contact-accent); outline-offset: 3px; }
.contact-topic:hover, .contact-topic.is-selected { border-color: var(--contact-accent); background: rgb(33 75 255 / .045); }
.contact-topic-top { display: flex; justify-content: space-between; color: var(--contact-accent); margin-bottom: 7px; }
.contact-topic strong { font-size: 15px; font-weight: 600; }
.contact-topic > span:last-child { font-size: 12px; line-height: 1.5; color: rgb(var(--ink-soft-rgb)); }
.contact-actions { display: grid; gap: 15px; margin-top: 24px; }
.contact-primary { display: flex; justify-content: center; align-items: center; gap: 12px; border: 0; background: #214bff; color: white; padding: 14px 20px; border-radius: 7px; font-size: 15px; font-weight: 550; cursor: pointer; }
.contact-primary:hover { background: #153bdf; }
.contact-email { border: 0; background: none; color: rgb(var(--ink-soft-rgb)); font-size: 14px; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.contact-duration { display: flex; justify-content: center; align-items: center; gap: 7px; font-size: 12px; color: rgb(var(--ink-soft-rgb)); margin: 20px 0 0; }
.contact-calendar { margin-top: 28px; }
.contact-calendar h3 { font-size: 17px; margin-bottom: 16px; }
.contact-calendar > a { display: inline-block; margin-top: 16px; color: var(--contact-accent); font-size: 14px; }
.contact-help { margin-top: 92px; }
.contact-help > h2 { font-size: 25px; letter-spacing: -.025em; font-weight: 550; }
.contact-help-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; margin: 28px 0; }
.contact-help-grid h3 { font-size: 17px; font-weight: 550; margin: 0 0 8px; }
.contact-help-grid p { color: rgb(var(--ink-soft-rgb)); font-size: 15px; margin: 0 0 15px; }
.contact-help-grid a { font-size: 15px; color: var(--contact-accent); }
.contact-small { font-size: 12px; line-height: 1.7; color: rgb(var(--ink-soft-rgb)); max-width: 690px; }
.contact-company { display: flex; justify-content: space-between; gap: 30px; margin-top: 48px; padding-top: 28px; border-top: 1px solid rgb(var(--fg-rgb) / .12); font-size: 12px; line-height: 1.8; color: rgb(var(--ink-soft-rgb)); }
.contact-company strong { font-weight: 500; }
.contact-company address { font-style: normal; margin: 7px 0; }
.contact-company > div:last-child { display: flex; flex-direction: column; gap: 10px; }
.ref-composio .contact-page, .ref-freehand .contact-page { --contact-accent: #91adff; }
@media (max-width: 1000px) { .contact-grid { gap: 35px; } .contact-booking { padding: 24px; } }
@media (max-width: 760px) { .contact-container { padding: 115px 22px 45px; } .contact-page--embedded .contact-container { padding-top: 45px; } .contact-grid { grid-template-columns: 1fr; gap: 40px; } .contact-agenda { margin-top: 30px; gap: 18px; } .contact-intro h1 { font-size: 44px; } .contact-lead { font-size: 17px; } .contact-help { margin-top: 55px; } .contact-help-grid { grid-template-columns: 1fr; gap: 26px; } .contact-company { flex-direction: column; } }
.reference .contact-page .contact-agenda h2 { font-size: 17px; }
.reference .contact-page .contact-help > h2 { font-size: 25px; }
.reference .contact-page .contact-booking > h2 { font-size: 29px; }
@media (max-width: 760px) { .contact-page .contact-container > .contact-grid, .reference .contact-page .contact-container > .contact-grid { grid-template-columns: 1fr; gap: 40px; } }
@media (prefers-reduced-motion: reduce) { .contact-topic { transition: none; } }