.integrations-page{background:#f5f7f1;color:#183e35}.integrations-main{max-width:none;min-height:76vh;margin:0;padding:0}.integrations-main h1,.integrations-main h2{font-family:Georgia,serif;font-weight:400}.integrations-main .label{color:#66786d;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.integrations-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(54px,8vw,120px);max-width:1240px;margin:auto;padding:clamp(74px,9vw,128px) 5% 82px;align-items:center}.hero-copy h1{margin:17px 0 28px;font-size:clamp(54px,7vw,94px);line-height:.95;letter-spacing:-3.8px}.hero-copy h1 em{color:#557762;font-weight:400}.hero-copy>p{max-width:650px;margin:0;color:#5d6f64;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary-action,.integration-cta>a,.partner-copy>a{display:inline-flex;min-height:52px;padding:13px 20px;align-items:center;justify-content:center;gap:24px;border-radius:4px;background:#183e35;color:#fff;font-size:13px;font-weight:600;text-decoration:none}.primary-action:hover,.integration-cta>a:hover,.partner-copy>a:hover{background:#2b5545}.text-action{display:inline-flex;align-items:center;gap:14px;color:#183e35;font-size:12px}.integration-route{position:relative;min-width:0;min-height:520px;border:1px solid #31554b;border-radius:18px;background:#0c2d26;color:#fff;box-shadow:0 30px 90px #183e3530,0 2px 0 #fff6 inset;overflow:hidden}.integration-route:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#0009,transparent 78%)}.integration-route:after{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-140px;border-radius:50%;background:#d7b27b24;filter:blur(12px)}.route-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 24px;border-bottom:1px solid #ffffff17;color:#b7c9bd;font-size:9px;letter-spacing:1.4px;text-transform:uppercase}.route-topbar>span{display:flex;align-items:center;gap:9px}.route-topbar i{width:7px;height:7px;border-radius:50%;background:#d7b27b;box-shadow:0 0 0 5px #d7b27b1c}.route-topbar b{font-weight:700}.route-topbar small{color:#789388;font-size:8px}.route-canvas{position:relative;z-index:1;display:grid;grid-template-columns:88px 58px minmax(180px,1fr);gap:10px;align-items:center;min-height:390px;padding:32px 8px 24px}.route-source{display:flex;min-height:194px;padding:20px 8px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff21;border-radius:100px;background:radial-gradient(circle at 50% 25%,#365b50,#173f36 62%,#12352e);box-shadow:0 18px 45px #001b1645;text-align:center}.route-icon{display:grid;width:54px;height:54px;margin-bottom:18px;border:1px solid #d7b27b80;border-radius:50%;background:#d7b27b12;place-items:center}.route-icon svg{width:25px;fill:none;stroke:#f1d09b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.route-source .route-index{color:#d7b27b;font-size:8px;letter-spacing:1.4px}.route-source strong{margin-top:5px;font:400 21px Georgia,serif}.route-source small{margin-top:5px;color:#adc0b4;font-size:9px}.route-line{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.route-line>i{height:1px;background:linear-gradient(90deg,#789589,#d7b27b)}.route-line>i:last-child{background:linear-gradient(90deg,#d7b27b,#789589)}.route-line:after{content:"";position:absolute;left:0;width:6px;height:6px;border-radius:50%;background:#ffe1aa;box-shadow:0 0 13px #ffd38a}.route-engine{display:grid;width:52px;height:52px;border:1px solid #f1d8aa;border-radius:50%;background:#e1bd84;color:#183e35;place-items:center;align-content:center;box-shadow:0 0 0 8px #d7b27b12,0 12px 30px #001a1545}.route-engine small{font-size:7px;font-weight:800;letter-spacing:1.4px}.route-engine b{font:400 11px Georgia,serif}.route-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:9px}.route-targets>span{position:relative;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;min-height:126px;padding:15px;border:1px solid #ffffff1f;border-radius:9px;background:#ffffff0b;box-shadow:0 12px 30px #001a1524;transition:transform .2s ease,border-color .2s ease,background .2s ease}.route-targets>span:hover{transform:translateY(-3px);border-color:#d7b27b70;background:#ffffff11}.route-targets b{color:#799589;font-size:8px}.target-icon{display:grid;grid-row:1/3;grid-column:2;width:34px;height:34px;border-radius:50%;background:#ffffff0e;place-items:center}.target-icon svg{width:18px;fill:none;stroke:#d7b27b;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.route-targets strong{align-self:end;color:#f6f7f2;font:400 14px Georgia,serif}.route-caption{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:0;padding:15px 24px;border-top:1px solid #ffffff17;background:#071f1a80;color:#aebfb4;font-size:9px}.route-caption>span:first-child{display:grid;width:19px;height:19px;border:1px solid #7e9c8c;border-radius:50%;color:#d7b27b;place-items:center;font-size:9px}.scope-notice{display:flex;max-width:1120px;margin:0 auto 104px;padding:23px 28px;gap:20px;border-top:1px solid #b8c9bb;border-bottom:1px solid #b8c9bb;color:#53665a}.notice-mark{display:grid;flex:0 0 29px;width:29px;height:29px;border:1px solid #8da391;border-radius:50%;place-items:center;font:400 15px Georgia,serif}.scope-notice strong{display:block;margin-bottom:3px;color:#183e35;font-size:13px}.scope-notice p{max-width:900px;margin:0;font-size:12px;line-height:1.65}.workflow-section,.catalog-section{max-width:1240px;margin:auto;padding:0 5% 118px}.section-heading{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(260px,.65fr);gap:23px;margin-bottom:42px;align-items:end}.section-index{display:grid;align-self:start;gap:4px;padding-top:9px;border-top:1px solid #b87937;color:#84978b}.section-index small{font:700 7px "Segoe UI",sans-serif;letter-spacing:1.3px;text-transform:uppercase}.section-index b{font:400 29px/1 Georgia,serif}.section-heading h2{margin:5px 0 0;font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-2px}.section-heading>p{margin:0 0 6px;color:#607166;font-size:13px;line-height:1.65}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8d7ca;border-bottom:1px solid #c8d7ca}.workflow-grid article{display:flex;min-height:300px;padding:28px 25px;flex-direction:column;border-right:1px solid #c8d7ca}.workflow-grid article:first-child{border-left:1px solid #c8d7ca}.workflow-number{color:#87998d;font:700 9px "Segoe UI",sans-serif;letter-spacing:1px}.workflow-grid h3{max-width:180px;margin:50px 0 15px;font:400 24px/1.1 Georgia,serif}.workflow-grid p{margin:0;color:#617267;font-size:12px;line-height:1.65}.workflow-grid small{margin-top:auto;padding-top:24px;color:#4f705a;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.catalog-section{max-width:none;padding:104px max(5%,calc((100vw - 1116px)/2)) 122px;background:#183e35;color:#edf2ea}.catalog-section .label,.catalog-section .section-index{color:#a9bcae}.catalog-section .section-heading>p{color:#b9c7bd}.status-key{display:grid;gap:7px;margin-bottom:4px}.status-key span{display:flex;align-items:center;gap:8px;color:#c6d2c8;font-size:9px;font-weight:500}.status-key i{width:7px;height:7px;border-radius:50%;background:#d0a566}.status-key span:last-child i{background:#82aa8b}.integration-groups{border-top:1px solid #ffffff26}.integration-group{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;padding:48px 0;border-bottom:1px solid #ffffff26}.integration-group>header{display:grid;grid-template-columns:36px 1fr;gap:14px;align-content:start}.integration-group>header>span{color:#8ba092;font:700 9px "Segoe UI",sans-serif;letter-spacing:1px}.integration-group h3{margin:0 0 12px;color:#fff;font:400 24px Georgia,serif}.integration-group header p{margin:0;color:#aebdb2;font-size:11px;line-height:1.7}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-grid.compact{grid-template-columns:repeat(3,1fr)}.app-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);min-height:137px;padding:17px;gap:14px;border:1px solid #ffffff1f;border-radius:5px;background:#ffffff08;transition:background .2s,border-color .2s}.app-card:hover{border-color:#ffffff3d;background:#ffffff0e}.app-mark{display:grid;width:42px;height:42px;padding:8px;border:1px solid #ffffff24;border-radius:10px;background:#fff;place-items:center;box-shadow:0 8px 18px #001a1529}.app-mark img{display:block;width:100%;height:100%;object-fit:contain}.app-mark-compact{padding:11px}.app-mark-compact img{width:auto;max-width:100%;height:100%}.app-mark-wide{padding:10px 5px}.app-mark-code{background:#e7eee1}.app-mark-code svg{width:24px;fill:none;stroke:#183e35;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-mark-letter{padding:5px;background:#e7eee1;color:#183e35;font-size:12px;font-weight:800;letter-spacing:-.3px}.app-card h4{margin:2px 0 6px;color:#fff;font-size:13px;font-weight:600}.app-card p{margin:0;color:#aebdb2;font-size:10px;line-height:1.5}.status{position:absolute;right:15px;bottom:13px;padding-left:12px;color:#d4bd93;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.status:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#d0a566;transform:translateY(-50%)}.status.partnership{color:#a9cbae}.status.partnership:before{background:#82aa8b}.partner-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,130px);max-width:1120px;margin:auto;padding:120px 30px;align-items:center}.partner-copy h2{margin:15px 0 25px;font-size:clamp(48px,5.8vw,76px);line-height:.98;letter-spacing:-3px}.partner-copy h2 em{color:#557762;font-weight:400}.partner-copy p{max-width:530px;margin:0 0 30px;color:#5f7065;font-size:15px;line-height:1.7}.partner-contract{padding:30px;border:1px solid #c8d7ca;border-radius:7px;background:#eef3e9}.partner-status{display:inline-flex;padding:6px 10px;border:1px solid #97b09c;border-radius:999px;color:#4c7058;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.partner-contract ol{margin:26px 0 0;padding:0;list-style:none}.partner-contract li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-top:1px solid #ccd9cd}.partner-contract li>b{color:#829589;font:400 16px Georgia,serif}.partner-contract strong,.partner-contract small{display:block}.partner-contract strong{font:600 13px/1.4 "Segoe UI",sans-serif}.partner-contract small{margin-top:4px;color:#68796e;font-size:10px;line-height:1.5}.integration-cta{display:flex;padding:80px 5%;flex-direction:column;align-items:center;background:#e7eee1;text-align:center}.integration-cta h2{max-width:790px;margin:12px 0 18px;font-size:clamp(39px,5vw,64px);line-height:1.02;letter-spacing:-2px}.integration-cta p{max-width:610px;margin:0 0 29px;color:#5d6f64;font-size:14px;line-height:1.7}
.written-line{display:block;position:relative;width:fit-content;max-width:100%}.reveal{opacity:1;transform:none}.written-line.ink-line{width:auto;padding:0;animation:none!important;clip-path:none!important}.written-line.ink-line:after{display:none}.ink-line svg{display:block;max-width:100%;height:auto;overflow:visible}.ink-glyph{mask:none}@media(prefers-reduced-motion:no-preference){.integrations-main.motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.integrations-main.motion .reveal.visible{opacity:1;transform:none}.integrations-main.motion .ink-stroke{stroke-dasharray:1;stroke-dashoffset:1}.integrations-main.motion .ink-glyph{mask:var(--ink-mask)}.integrations-main.motion .visible .ink-stroke{animation:ink-write .175s cubic-bezier(.25,.1,.25,1) var(--delay) both}.integrations-main.motion .visible .ink-glyph{animation:finish-ink .01s var(--finish) forwards}@keyframes ink-write{to{stroke-dashoffset:0}}@keyframes finish-ink{to{mask:none}}}@media(max-width:980px){.integrations-hero{grid-template-columns:1fr;max-width:820px}.integration-route{min-height:auto}.section-heading{grid-template-columns:72px 1fr}.section-heading>p,.status-key{grid-column:2}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article:nth-child(2){border-right:1px solid #c8d7ca}.workflow-grid article:nth-child(3),.workflow-grid article:nth-child(4){border-top:1px solid #c8d7ca}.workflow-grid article:nth-child(3){border-left:1px solid #c8d7ca}.integration-group{grid-template-columns:1fr}.app-grid.compact{grid-template-columns:1fr 1fr}.partner-section{grid-template-columns:1fr;max-width:760px}}
@media(max-width:720px){.integrations-page .site-header{align-items:center;flex-wrap:wrap}.integrations-page .header-actions{margin-left:auto}.integrations-page .header-nav{position:static;order:3;width:100%;transform:none;justify-content:center}.integrations-page .header-nav a{min-height:34px}}
@media(max-width:620px){.integrations-hero{padding:55px 6% 62px}.hero-copy h1{font-size:52px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.text-action{justify-content:center}.integration-route{border-radius:12px}.route-topbar{padding:0 18px}.route-canvas{grid-template-columns:1fr;gap:0;padding:25px 20px}.route-source{width:168px;min-height:168px;justify-self:center}.route-line{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;width:65px;height:92px;justify-self:center}.route-line>i{width:1px;height:100%;justify-self:center;background:linear-gradient(#789589,#d7b27b)}.route-line>i:last-child{background:linear-gradient(#d7b27b,#789589)}.route-line:after{display:none}.route-targets{width:100%}.route-targets>span{min-height:112px;padding:12px}.route-targets strong{font-size:12px}.route-caption{padding:14px 18px}.scope-notice{margin:0 6% 74px;padding:20px 0}.workflow-section,.catalog-section{padding-left:6%;padding-right:6%}.section-heading{grid-template-columns:58px 1fr;gap:15px}.section-index b{font-size:25px}.section-heading h2{font-size:39px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article,.workflow-grid article:first-child,.workflow-grid article:nth-child(3){min-height:240px;border:0;border-top:1px solid #c8d7ca}.workflow-grid article:last-child{border-bottom:0}.workflow-grid h3{margin-top:30px}.integration-group{gap:28px;padding:36px 0}.app-grid,.app-grid.compact{grid-template-columns:1fr}.app-card{min-height:128px}.partner-section{padding:82px 6%}.partner-copy h2{font-size:49px;letter-spacing:-2px}.partner-contract{padding:22px}.integration-cta{padding:70px 6%}.integration-cta>a,.partner-copy>a,.primary-action{width:100%}}
@media(prefers-reduced-motion:no-preference){.route-topbar i{animation:route-status 2s ease-in-out infinite}.route-line:after{animation:route-pulse 2.8s ease-in-out infinite}@keyframes route-status{50%{box-shadow:0 0 0 8px #d7b27b08}}@keyframes route-pulse{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}}@media(prefers-reduced-motion:reduce){.app-card,.route-targets>span{transition:none}}