/* Integrashore, third draft: a photographic opening and restrained professional color. */
:root{--ink:#223239;--muted:#5f6c73;--paper:#fff;--soft:#f3f5f4;--line:#dce4e5;--accent:#20586b;--petrol:#173e50;--mineral:#7a8e8b}
html{scroll-padding-top:120px}body{overflow-wrap:break-word}.top-anchor{height:0}.logo-chalk{display:none}.btn{background:var(--petrol)}.btn:hover{background:#28586a}.btn-darkline{background:transparent;color:var(--petrol);border-color:#aabec4}.btn-darkline:hover{background:#eaf1f3}.desktop-nav .nav-contact{background:var(--petrol)}.desktop-nav .nav-contact:hover{background:#28586a}.eyebrow{color:#4e6d77}.section-intro h2{font-weight:530}.text-link{color:var(--petrol)}.site-header{border-bottom-color:#e3e9e9}
/* Floating glass navigation over the opening photograph. */
.home .site-header{position:fixed;top:22px;left:0;width:100%;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.home .nav-shell{height:78px;width:min(1280px,calc(100% - 64px));padding:0 28px;border:1px solid #ffffff38;border-radius:24px;background:#14252de0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 35px #00000012;pointer-events:auto;position:relative;z-index:2}.home .site-header .logo-ink{display:none}.home .site-header .logo-chalk{display:block}.home .desktop-nav{color:#f7fafb;gap:27px}.home .desktop-nav>a:hover,.home .desktop-nav>a[aria-current=page]{color:#c4e1ed}.home .desktop-nav .nav-contact{color:#173342;background:#fff;border-radius:40px}.home .desktop-nav .nav-contact:hover{background:#e3eef2;color:#173342}.home .menu-toggle span{background:#fff}.home .site-header :focus-visible,.hero-stage :focus-visible{outline-color:#bce5f6}.home .mobile-nav{pointer-events:auto}
/* The hero is laid out in normal flow; the photo is the only absolute layer. */
.hero-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;background:#14252d;color:#fff;padding:184px 0 30px;overflow:hidden}.hero-picture{position:absolute;inset:0;z-index:-3;display:block;width:100%;height:100%}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 49%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,20,28,.76) 0%,rgba(10,23,32,.6) 32%,rgba(13,25,34,.15) 73%,rgba(13,25,34,.1) 100%),linear-gradient(0deg,rgba(8,20,28,.86) 0%,rgba(8,20,28,0) 37%,rgba(8,20,28,.12) 100%)}.hero-copy{position:relative;display:flex;align-items:center;flex:1;padding-block:12px 58px}.hero-copy-inner{max-width:810px}.hero-copy .eyebrow{color:#e0edf3;font-size:12px;letter-spacing:.13em;display:flex;align-items:center;gap:13px;margin-bottom:24px}.hero-copy .eyebrow:before{content:'';width:28px;height:1px;background:#c5dbe5}.hero-copy h1{font-size:clamp(64px,6.05vw,91px);letter-spacing:-.055em;line-height:1.04;font-weight:530;color:#fff;max-width:810px;text-wrap:balance}.hero-copy h1 span{color:#dfebf0}.hero-copy p{font-size:20px;color:#f0f5f7;line-height:1.6;max-width:510px;margin-top:28px;text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.btn-hero{background:#fff;color:#15394a;gap:24px;min-height:54px}.btn-hero:hover{background:#e4eef2;color:#15394a}.hero-discover{display:inline-flex;align-items:center;gap:17px;font-size:14px;font-weight:500;color:#fff;min-height:48px}.hero-discover:hover{text-decoration:underline;text-underline-offset:6px}.hero-discover span{font-size:20px}.hero-base{position:relative;flex:none}.hero-context{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;color:#e0e8ec;letter-spacing:.03em;margin-bottom:15px}.hero-context>a{display:flex;align-items:center;gap:15px;min-height:30px;font-size:12px}.hero-context>a:hover{text-decoration:underline;text-underline-offset:4px}.hero-context>a span{font-size:20px}.hero-base .brand-strip{background:#e0edf01a;border-color:#ffffff38;box-shadow:inset 0 1px #ffffff12;border-radius:19px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hero-base .brand-strip-top{padding:11px 22px 0}.hero-base .brand-strip-top p{font-size:9px;letter-spacing:.12em}.hero-base .marquee-group li{height:65px;width:208px}.hero-base .marquee-group img{height:29px;max-width:142px}.hero-base .marquee-group .logo-odoo{height:29px;width:100px}.hero-base .marquee-group .logo-zapier{width:106px}.hero-base .marquee-group .logo-intelisis{height:32px}.hero-base .marquee-toggle{font-size:10px}
/* White space with blue-petrol and mineral accents. */
.solutions-section{background:#fff;padding-top:112px}.solution-grid{gap:20px}.solution-tile{background:#f2f6f6;border:1px solid #dfe8e9;padding:32px;min-height:326px}.solution-tile:nth-child(3n+2){background:#f5f5f2;border-color:#e5e6df}.solution-tile:nth-child(3n){background:#eff4f7;border-color:#dfe7ed}.solution-tile:hover{background:#eaf2f4;box-shadow:0 16px 35px #143b4f0b;border-color:#c0d0d6}.tile-top{margin-bottom:37px}.tile-top>svg{color:#235a6b;width:42px;height:42px;padding:5px;border-radius:10px;background:#fff9}.tile-top>span{background:#ffffffb3;border-color:#cfdbdf;color:#2d5868}.tile-label{color:#52656d;font-size:11px}.solution-tile h3{color:#243b46;font-weight:550}.solution-tile p{color:#5b6b73}.connection-section{background:#193b4a}.connection-copy h2{color:#fff}.connection-copy .eyebrow{color:#c1d2da}.connection-copy p{color:#c1d2da}.connection-copy .text-link{color:#fff}.connection-bottom{color:#c1d2da}.connection-bottom .text-link{color:#fff}.map-core{background:linear-gradient(145deg,#5c849357,#1c3d4d);border-color:#cfebff38}.map-node{background:#2c5060;border-color:#cde7f52b}.map-ring{border-color:#d7edff1c}.ring-inner{border-color:#d7edff2b}.map-dot{background:#bbdbe8;box-shadow:0 0 18px #b6d9f344}.alliance-section{background:#f2f5f4;border-top:1px solid #e3e9e7}.alliance-card{border-color:#dce6e3}.alliance-logo{background:#f5f7f6}.alliance-card h3{color:#203c49}.alliance-card-link{color:#2c596a}.alliance-card:hover{border-color:#b9cdcd}.home-questions{background:#fff}.questions-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.questions-layout h2{font-size:45px}.questions-layout>div>p{font-size:18px;margin-top:23px;max-width:280px}.questions-layout .faq details:first-child{padding-top:4px}.questions-layout .faq details{border-color:#dce4e5}.questions-layout .faq summary{font-size:19px}.questions-layout .faq p{font-size:16px}.questions-layout .faq .text-link{display:flex;width:fit-content;font-size:14px;margin-top:14px}.cta-end{background:#eaf0f2}.cta-end h2{color:#173b4c}.cta-end .btn-white{background:#173e50;color:#fff}.cta-end .btn-white:hover{background:#28586a}.site-footer{background:#fff}.footer-fineprint{color:#64737a}.field input::placeholder,.field textarea::placeholder{color:#657078}.subhero{background:linear-gradient(120deg,#eff4f5,#f6f7f4)}.subhero .eyebrow{color:#476b7c}.service-detail-card{background:#f2f6f6;border:1px solid #e0e9e9}.service-detail-card:nth-child(even){background:#f5f6f2}.service-index{color:#536c76}.service-example{background:#edf3f3;border-left:3px solid #7f9eaa}.service-example p{color:#284956}.tags .tag{background:#edf3f5;border-color:#d3dfe4;color:#365968}.method-output{border-left-color:#668e9d}.values-list li>span{color:#4d7788}.partner-visual{background:#234654}.article-aside{border-left:3px solid #7f9eaa}.breadcrumbs a{padding-block:4px}.contact-email{color:#254d5f;border-bottom-color:#afc3cc}
@media(min-width:1600px){.hero-stage{padding-top:208px;padding-bottom:38px}.hero-copy{padding-bottom:74px}.hero-copy h1{font-size:98px}.hero-copy-inner{max-width:900px}.hero-copy p{font-size:22px;max-width:560px}}
@media(min-width:951px) and (max-height:720px){.hero-stage{padding-top:155px}.hero-copy{padding-bottom:35px}.hero-copy h1{font-size:72px}.hero-copy p{margin-top:22px}.hero-actions{margin-top:25px}}
@media(max-width:1100px){.home .nav-shell{padding-inline:22px;gap:24px}.home .desktop-nav{gap:19px;font-size:13px}.home .nav-contact{padding:12px 19px}.hero-stage{padding-top:176px;}.hero-copy h1{font-size:74px}.hero-copy-inner{max-width:690px}.hero-copy p{max-width:470px}.hero-base .marquee-group li{width:180px}.hero-shade{background:linear-gradient(90deg,#091923cc,#0d263180 58%,#14252d24),linear-gradient(0deg,#091923e6,transparent 45%)}.solution-tile{padding:27px}.questions-layout{gap:52px}.alliance-card-text{padding:24px 10px 15px}.alliance-card h3{font-size:21px}.alliance-card p{font-size:15px}.alliance-detail{gap:60px}}
@media(max-width:950px){.home .site-header{top:18px}.home .nav-shell{height:72px;width:calc(100% - 48px);border-radius:21px;padding-inline:23px}.home .mobile-nav.is-open{position:fixed;top:0;left:0;right:0;height:100dvh;padding:130px 40px 40px;background:#fff;color:#20343e;z-index:1;gap:25px}.home .mobile-nav a{min-height:44px;display:flex;align-items:center}.home.menu-open .nav-shell{background:#fff;border-color:#e1e7e8;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home.menu-open .site-header .logo-ink{display:block}.home.menu-open .site-header .logo-chalk{display:none}.home.menu-open .menu-toggle span{background:#20343e}.home .mobile-nav .nav-contact{background:#173e50;color:#fff}.home.menu-open .site-header :focus-visible{outline-color:#20586b}.hero-stage{padding-top:163px;padding-bottom:28px}.hero-copy{padding-bottom:54px}.hero-copy-inner{max-width:680px}.hero-copy h1{font-size:clamp(58px,8.2vw,76px)}.hero-copy p{font-size:19px;max-width:480px}.hero-photo{object-position:57% center}.hero-base .marquee-group li{height:62px;width:180px}.hero-context{font-size:10px;gap:20px}.hero-context>a{font-size:11px}.solution-grid{grid-template-columns:1fr 1fr}.solution-tile{min-height:300px}.questions-layout{grid-template-columns:1fr;gap:38px}.questions-layout>div>p{max-width:100%;margin-top:18px}.questions-layout .faq{max-width:none}.alliance-grid{gap:15px}.alliance-card{padding:12px;border-radius:20px}.alliance-logo{height:115px}.alliance-card h3{font-size:20px}.alliance-card-link{font-size:12px}.alliance-detail{grid-template-columns:.7fr 1.3fr;gap:40px}.alliance-detail-copy h2{font-size:36px}.alliance-detail-brand .alliance-logo{height:145px}.alliance-detail-copy>p{font-size:17px}.solution-tile h3{font-size:27px}}
@media(max-width:680px){html{scroll-padding-top:112px}.home .site-header{top:14px}.home .nav-shell{width:calc(100% - 28px);height:66px;padding:0 18px;border-radius:19px;gap:12px}.home .brand,.home .brand img{width:183px;flex-basis:183px}.home .mobile-nav.is-open{padding:116px 26px 35px;font-size:25px}.hero-stage{padding:130px 0 23px}.hero-photo{object-position:center 62%}.hero-shade{background:linear-gradient(180deg,#0a1a25b8 0%,#0a1a25b3 43%,#0a1a2521 66%,#0a1a25e8 100%),linear-gradient(90deg,#0a1a2538,transparent 90%)}.hero-copy{padding:8px 0 92px;align-items:flex-start;flex:1}.hero-copy-inner{max-width:100%;width:100%}.hero-copy .eyebrow{font-size:9px;letter-spacing:.11em;gap:10px;margin-bottom:24px}.hero-copy .eyebrow:before{width:20px}.hero-copy h1{font-size:clamp(39px,10.5vw,65px);line-height:1.08;letter-spacing:-.05em;max-width:570px;text-wrap:initial}.hero-copy p{font-size:17px;line-height:1.6;margin-top:23px;max-width:360px;color:#f1f6f9}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:27px}.btn-hero{min-height:50px;font-size:14px;padding:14px 22px;gap:28px}.hero-discover{min-height:44px;font-size:13px;gap:15px}.hero-context{flex-direction:column;align-items:flex-start;gap:4px;font-size:9px;letter-spacing:.08em;margin-bottom:13px}.hero-context>a{font-size:11px;letter-spacing:0;min-height:30px;gap:12px}.hero-base .brand-strip{border-radius:16px;background:#d9eaf51c}.hero-base .brand-strip-top{padding:10px 12px 0;gap:6px}.hero-base .brand-strip-top p{font-size:7px;letter-spacing:.07em}.hero-base .marquee-toggle{font-size:9px;padding:6px;min-height:29px}.hero-base .marquee-group li{width:152px;height:59px;padding:12px 24px}.hero-base .marquee-group img{height:27px}.hero-base .marquee-group .logo-odoo{height:27px}.hero-base .marquee-group .logo-intelisis{height:29px}.hero-base .marquee-group .logo-zapier{width:95px}.solutions-section{padding-top:70px}.section-intro h2{font-size:42px}.solution-grid{grid-template-columns:1fr;gap:14px}.solution-tile{padding:25px;min-height:0;column-gap:18px}.tile-top>svg{width:37px;height:37px;padding:4px}.tile-label{font-size:10px}.solution-tile h3{font-size:24px;max-width:280px}.solution-tile p{font-size:15px}.connection-copy h2{font-size:44px}.alliance-section{padding:68px 0 72px}.alliance-grid{grid-template-columns:1fr;gap:18px}.alliance-card{padding:16px;border-radius:22px}.alliance-logo{height:122px}.alliance-card-text{padding:22px 10px 12px}.alliance-card h3{font-size:24px}.alliance-card p{font-size:16px;max-width:420px}.alliance-card-link{font-size:13px;margin-top:22px;padding-top:16px}.alliance-details{gap:45px}.alliance-detail{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.alliance-detail-brand .alliance-logo{height:150px}.alliance-detail-brand>p{text-align:left;font-size:13px}.alliance-detail-copy h2{font-size:35px}.alliance-detail-copy>p{font-size:17px;margin-top:20px}.questions-layout{gap:30px}.questions-layout h2{font-size:39px}.questions-layout>div>p{font-size:16px}.questions-layout .faq summary{font-size:18px;line-height:1.5}.questions-layout .faq p{font-size:16px}.cta-end h2{font-size:47px}.footer-links{gap:0}.footer-links a{display:flex;align-items:center;min-height:40px;font-size:12px}.footer-contact>a{font-size:13px;display:inline-block;padding-block:5px}.footer-bottom{font-size:11px}.footer-fineprint{font-size:10px}.contact-email{font-size:clamp(18px,5.4vw,23px)}.article-lead{font-size:22px!important}.subhero h1{font-size:clamp(35px,10.8vw,44px)}.query-actions{align-items:stretch}.query-actions .btn{width:100%}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.home .brand,.home .brand img{width:165px;flex-basis:165px}.home .nav-shell{padding-inline:14px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.hero-stage{padding-top:124px;}.hero-copy{padding-bottom:76px}.hero-base .brand-strip-top p{font-size:6.7px;letter-spacing:0}.solution-tile{padding:23px 19px;column-gap:13px;grid-template-columns:34px 1fr}.solution-tile h3{font-size:22px}.tile-label{font-size:9px}.tile-top>span{right:15px}.connection-copy h2{font-size:39px}.map-core{width:108px;height:108px}.map-node{padding:9px 14px;font-size:11px}.cta-end h2{font-size:43px}}
@media(max-width:950px) and (orientation:landscape){.hero-stage{padding-top:138px}.hero-copy{padding-bottom:40px}.hero-copy h1{font-size:58px}.hero-copy p{font-size:18px;max-width:530px}.hero-actions{flex-direction:row;align-items:center;gap:25px}.hero-context{flex-direction:row;align-items:center}.hero-picture{height:100%}}
@media(prefers-reduced-motion:reduce){.hero-stage{scroll-behavior:auto}.hero-base .marquee-track{width:100%}.hero-base .marquee-group{justify-content:space-around;flex-wrap:wrap}.hero-base .marquee-group li{width:33.33%;padding-inline:18px}.hero-base .brand-strip{background:#1a3542e8}.alliance-card{transition:none}}@media(prefers-reduced-motion:reduce) and (max-width:680px){.hero-base .marquee-group li{width:33.33%;height:46px;padding:9px 15px}.hero-base .marquee-group img{max-width:100%;height:24px}.hero-copy{padding-bottom:74px}}
@media(min-width:951px) and (max-height:850px){.hero-stage{padding-top:144px;padding-bottom:24px}.hero-copy{padding-block:8px 36px}.hero-copy h1{font-size:clamp(64px,5.6vw,78px)}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy p{font-size:18px;line-height:1.5;margin-top:22px;max-width:500px}.hero-actions{margin-top:24px}.btn-hero{min-height:50px}.hero-base .marquee-group li{height:58px}.hero-context{margin-bottom:10px}}
@media(max-width:680px){.hero-photo{object-position:85% center}}

/* Responsive framing: scale the opening with its width, and keep people in view.
   Intrinsic content can grow the section; no fixed height or resize script. */
.hero-stage{min-height:clamp(620px,56.25vw,1000px);padding-block:clamp(124px,11.3vw,192px) clamp(20px,2vw,34px)}
.hero-picture{height:auto}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-copy{padding-block:clamp(8px,1vw,18px) clamp(28px,4.2vw,64px)}
.hero-copy h1{font-size:clamp(48px,6.05vw,98px)}
.hero-copy .eyebrow{margin-bottom:clamp(18px,1.6vw,24px)}
@media(max-width:1100px) and (orientation:portrait){
 .hero-stage{min-height:100svh;padding-top:clamp(130px,16vw,170px)}
 .hero-photo{object-position:95% center}
 .hero-shade{background:linear-gradient(180deg,#0a1a25b8 0%,#0a1a25b3 43%,#0a1a2521 66%,#0a1a25e8 100%),linear-gradient(90deg,#0a1a2538,transparent 90%)}
}
@media(max-width:680px){
 .hero-stage{padding-block:118px 22px}
 .hero-copy{padding-block:12px clamp(48px,12vw,82px)}
 .hero-copy h1{font-size:clamp(36px,10.5vw,65px)}
}
@media(max-width:950px) and (orientation:landscape){
 .hero-stage{min-height:0;padding-top:112px}
 .hero-copy{padding-block:8px 28px}
 .hero-copy h1{font-size:clamp(40px,6.05vw,58px)}
 .hero-actions,.hero-context{flex-wrap:wrap}
}

/* Ecosystem: consistent detail cards and official platform marks. */
.ecosystem-more{display:flex;justify-content:flex-end;margin-top:32px}.ecosystem-more .text-link{font-size:15px}
.brand-index{border-bottom:1px solid var(--line);background:#fff}.brand-index-inner{display:flex;gap:10px;flex-wrap:wrap;padding-block:25px}.brand-index a{border:1px solid #dce6e3;border-radius:100px;padding:12px 18px;font-size:14px;line-height:1.3;color:#284e5e;min-height:44px;display:inline-flex;align-items:center}.brand-index a:hover{background:#edf3f3;border-color:#b9cdcd}
.technology-section{background:#f5f7f6;scroll-margin-top:100px}.technology-section .section-intro{margin-bottom:72px}.technology-section .alliance-logo{background:#fff}.technology-section .proof-note{margin-top:65px;max-width:860px;font-size:13px;line-height:1.7}.brand-detail-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.brand-official{font-size:13px;color:#4a646f;display:inline-flex;gap:10px;align-items:center;min-height:44px}.brand-official:hover{text-decoration:underline;text-underline-offset:4px}
.alliance-logo.brand-intelisis,.alliance-logo.brand-zapier{background:#173e50}.alliance-logo .logo-chatgpt{width:112px;height:112px}.alliance-logo .logo-claude{width:190px;height:48px}.alliance-logo .logo-meta{width:190px;height:82px}.alliance-logo .logo-kommo{width:180px;height:46px}.ecosystem-grid .alliance-card{scroll-margin-top:120px}.ecosystem-grid .alliance-card h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;color:#203c49}.brand-category{font-size:10px;letter-spacing:.06em;color:#60747e;margin-bottom:12px}
.marquee-track{animation-duration:54s}.marquee-group a,.marquee-group li{gap:10px}.brand-word{font-size:20px;letter-spacing:-.04em;font-weight:500;white-space:nowrap}.hero-base .marquee-group .logo-chatgpt{width:29px;height:29px;flex-shrink:0}.hero-base .marquee-group .logo-claude{width:118px}.hero-base .marquee-group .logo-meta{filter:none;width:124px;height:53px;max-width:124px}
@media(max-width:950px) and (min-width:681px){.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.brand-index-inner{gap:8px;padding-block:20px}.brand-index a{font-size:12px;padding:11px 15px}.technology-section .section-intro{margin-bottom:44px}.brand-detail-actions{align-items:flex-start;flex-direction:column;gap:8px}.ecosystem-more{justify-content:flex-start}.ecosystem-more .text-link{font-size:14px}.brand-word{font-size:17px}.hero-base .marquee-group .logo-chatgpt{width:25px;height:25px}.hero-base .marquee-group .logo-meta{width:100px;height:43px;max-width:100px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.brand-word{font-size:17px}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){.hero-base .marquee-group li{padding-inline:6px;gap:5px}.hero-base .marquee-group a{gap:5px}.brand-word{font-size:12px}.hero-base .marquee-group .logo-chatgpt{width:20px;height:20px}.hero-base .marquee-group .logo-meta{width:76px;height:32px}}