/* Intentia / September 2026. Reference slide SLIDES_API449305120_3.
   Original logo is used as supplied. Gold text uses a darker accessible tone. */
:root{
 --brand-ink:#181818;--brand-gold:#c88800;--brand-gold-text:#805700;
 --surface:#faf9f6;--surface-muted:#f3f1eb;--surface-paper:#fff;--surface-dark:#181818;
 --text:#181818;--text-body:#383732;--text-muted:#55534d;
 --text-on-dark:#fff;--text-muted-on-dark:#e6e3dc;
 --accent:#805700;--accent-soft:#edc877;
 --line:#dedbd3;--line-strong:#b3aea2;--line-dark:#57534b;
}
.site-header{border-top:4px solid var(--brand-ink)}
.site-header::before{content:"";position:absolute;left:0;top:-4px;width:24%;height:4px;background:var(--brand-gold)}
.wordmark{align-items:center;flex-shrink:0}
.brand-logo{display:block;width:176px;height:auto;object-fit:contain}
.site-nav .site-nav__cta{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-ink)}
.site-nav .site-nav__cta:hover{background:#dda128;color:var(--brand-ink);border-color:#dda128}
.home-simple .hero{background:var(--brand-ink)}
.home-simple .hero .button--primary{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-ink)}
.home-simple .hero .button--primary:hover{background:#dda128;border-color:#dda128}
.hero-studio__eyebrow{color:#edc877}
.hero-studio__orbit{border-color:#5a4c32}.hero-studio__orbit::after{border-color:#383329}
.hero-studio__screen figcaption,.hero-studio__sales>span{background:#f5f2ea;color:#383732}
.screen-dots{color:#a9915a}.product-pair article>p.product-caption{color:var(--brand-gold-text)}

.home-simple .founder-list article{border-top-color:var(--brand-gold)}
.home-simple .contact-section{background:#f5f3ed}
.site-footer{background:#faf9f6;color:var(--text-body);border-top:1px solid var(--line)}
.site-footer__brand{letter-spacing:0}.site-footer__brand .brand-logo{width:180px}
.site-footer__brand span{color:var(--text-muted);margin-top:12px;font-size:14px}
.site-footer__bottom{border-color:var(--line);color:var(--text-muted)}
@media(max-width:760px){.brand-logo{width:150px}.site-footer__brand .brand-logo{width:160px}}

/* One connected diagram; the accent identifies the added AI layer. */
.integration-diagram{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:72px;align-items:center;margin:0;padding:40px 32px;list-style:none;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.integration-diagram>li{position:relative;min-width:0;text-align:center}
.integration-diagram>li:not(:last-child)::after{content:"";position:absolute;left:calc(100% + 15px);top:50%;width:42px;border-top:1px solid #a49e91}
.integration-diagram>li:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 51px);top:calc(50% - 3px);width:7px;height:7px;border-top:1px solid #a49e91;border-right:1px solid #a49e91;transform:rotate(45deg)}
.integration-diagram h3{font-size:20px;line-height:1.5;margin:0}
.integration-diagram p{font-size:16px;line-height:1.8;margin:12px 0 0;color:var(--text-body)}
.integration-systems{list-style:none;padding:0;margin:20px auto 0;display:grid;gap:12px;width:max-content;text-align:left}
.integration-systems li{display:flex;align-items:center;gap:12px;font-size:16px}
.integration-systems svg{width:26px;height:26px;color:#55534d;flex-shrink:0}
.integration-diagram .integration-agent{padding:28px 16px;background:#fff;border:1px solid var(--brand-gold);border-radius:12px}
.integration-agent img{display:block;width:150px;max-width:100%;height:auto;margin:0 auto 18px}
.integration-person>svg{display:block;width:42px;height:42px;margin:0 auto 18px}
@media(max-width:760px){
.integration-diagram{grid-template-columns:1fr;gap:64px;padding:28px 24px}
.integration-diagram>li{width:100%;max-width:340px;margin-inline:auto}
.integration-diagram>li:not(:last-child)::after{left:50%;top:calc(100% + 16px);height:30px;width:0;border-top:0;border-left:1px solid #a49e91}
.integration-diagram>li:not(:last-child)::before{left:calc(50% - 3px);top:calc(100% + 40px);transform:rotate(135deg)}
.home-simple .hero h1.product-heading{font-size:clamp(24px,6.3vw,38px)}
.home-simple .hero h1.product-heading br{display:block}
}