/* TradeCRM / editorial indigo / November 2026 */
:root{--brand:#000d74;--brand-dark:#080e39;--accent:#18297e;--surface:#f4f6fb;--text:#141a35;--muted:#626a80;--container:1280px;--radius-l:24px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}h1,h2,h3{letter-spacing:-.045em}h2{line-height:1.12}.container{width:min(100% - 64px,1280px)}
.site-header{background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid #e8ebf2}.site-header__inner{min-height:92px}.custom-logo{max-width:165px}.site-nav__list a{font-weight:500;font-size:14px}.site-nav__list{gap:22px}.site-nav{gap:24px}.button{border-radius:9px;padding:15px 23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button--compact{padding:12px 18px}.lang{background:none}.lang__item{padding:4px 7px;border-radius:5px}
.hero{position:relative;background:#f5f6fa;color:var(--text);padding:68px 0 64px;overflow:hidden}.hero::after,.hero::before{display:none}.hero__inner{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center}.hero__content{position:relative;z-index:1}.hero__kicker{color:var(--brand);font-size:11px;letter-spacing:.17em;font-weight:700;margin-bottom:25px;display:flex;gap:10px;align-items:center}.hero__kicker::before{content:'';width:7px;height:7px;background:var(--brand);border-radius:50%}.hero__title{color:var(--brand-dark);font-size:clamp(40px,4.5vw,66px);font-weight:600;line-height:1.04;white-space:pre-line;margin:0 0 26px;max-width:650px}.hero__lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:460px}.hero__actions{gap:12px;margin:30px 0 0;display:flex;flex-wrap:wrap}.hero .button--accent{color:#fff;background:var(--brand)}.hero .button--accent:hover{background:var(--brand-light);color:#fff}.hero .button--ghost{color:var(--brand);border-color:transparent;padding-inline:10px;background:transparent}.hero .button--ghost:hover{color:var(--brand);background:#e8ecf7;border-color:transparent}.hero__media{margin:0;box-shadow:none;transform:none;border:0;background:none;position:relative}.hero__media img{width:100%;height:490px;object-fit:cover;border-radius:22px}.hero__media::after{content:'TradeCRM / workspace';position:absolute;bottom:18px;left:20px;font-size:10px;letter-spacing:.12em;color:#fff;background:rgba(8,14,57,.75);padding:8px 12px;border-radius:5px}
.ecosystem{display:flex;gap:50px;align-items:center;padding-block:32px;border-bottom:1px solid var(--border)}.ecosystem>p{font-size:12px;line-height:1.5;flex-shrink:0;color:var(--muted);margin:0}.ecosystem>div{display:flex;justify-content:space-between;align-items:center;gap:30px;flex:1}.ecosystem>div>span{font-size:21px;font-weight:700;color:#333c5c;letter-spacing:-.05em}.brand-dot{color:var(--brand)}
.section{padding-block:92px}.section__title{font-weight:600;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.045em}.section__lead{font-size:16px;line-height:1.7;max-width:600px}.editorial-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}.editorial-head h2{font-size:clamp(32px,3.4vw,46px);font-weight:600;margin:0}.editorial-head>p{max-width:365px;font-size:15px;color:var(--muted);line-height:1.75;margin:0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--brand);margin:0 0 18px}.features-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-v2{position:relative;background:#f5f6fa;border:1px solid #eef0f5;border-radius:16px;padding:30px;box-shadow:none;transition:background .2s,transform .2s}.feature-v2:hover{background:#eef1fa;transform:translateY(-3px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:var(--brand);background:#fff;border:1px solid #e2e6f2;border-radius:12px;margin-bottom:35px}.feature-icon svg{width:25px;height:25px}.feature-index{position:absolute;right:26px;top:32px;color:#8c93a8;font-size:11px;font-variant-numeric:tabular-nums}.feature-v2 h3{font-size:23px;line-height:1.2;font-weight:600;max-width:280px;margin:0 0 14px}.feature-v2 p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
#integrations{background:#f6f7fb}#integrations .section__head{text-align:left;max-width:none}#integrations .section__title,#integrations .section__lead{margin-left:0}.integrations{gap:14px}.integration{border-radius:14px;box-shadow:none;border:1px solid #e5e8f0;background:white}.integration:hover{box-shadow:0 8px 24px #0b1a6b0a;border-color:#c4cce4}.integration__img{filter:none;opacity:1;max-height:43px}.integration__note{line-height:1.65}.integrations--with-notes .integration{min-height:180px}.integration__name{font-size:14px}.integration__wordmark{font-size:21px}.onboarding{background:#080e39;color:white}.onboarding .eyebrow{color:#a9b7ff}.onboarding h2,.onboarding h3{color:white}.onboarding .editorial-head>p,.steps p{color:#b6bdd4}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:55px}.steps article{border-top:1px solid #3c4364;padding-top:26px}.steps span{display:block;color:#a9b7ff;font-size:13px;margin-bottom:28px}.steps h3{font-size:25px;font-weight:500;margin:0 0 13px}.steps p{font-size:14px;line-height:1.75;max-width:300px;margin:0}
.quotes{gap:20px}.quote{background:#fff;border:1px solid #e5e8f1;border-radius:16px;padding:30px;box-shadow:none}.quote__text{font-size:17px;line-height:1.7}.quote__author{font-size:12px}.quote__name{font-size:14px}.quote::before{content:'“';font-family:Georgia,serif;font-size:58px;line-height:1;color:var(--brand);display:block}.section--soft{background:#f6f7fb}.doc-card{border-radius:12px;box-shadow:none}.section__search{margin-top:28px}.band--brand{background:#eaf0ff;color:var(--brand-dark);padding-block:75px}.band--brand h2,.band--brand .band__title{color:var(--brand-dark);font-size:clamp(32px,3.4vw,48px);white-space:pre-line;line-height:1.1;font-weight:600}.band--brand p{color:var(--muted)}.band--brand .button--accent{background:var(--brand);color:#fff}.band--brand .button--accent:hover{background:var(--brand-light);color:#fff}.site-footer{background:#080e39}.site-footer__inner{padding-block:65px}.site-footer .button--accent{background:#fff;color:var(--brand)}.site-footer__bottom{border-color:#ffffff18}
.page-head{padding:20px 0 32px}.page-head__title{font-size:clamp(36px,4.8vw,64px);font-weight:600}.entry-content--narrow{max-width:860px}.page-id-1159 .entry-content--narrow,.page-id-5 .entry-content--narrow{max-width:none}.page-id-1159 .entry-content .container,.page-id-5 .entry-content .container{width:100%}.page-id-1159 .onboarding,.page-id-5 .onboarding{padding:55px;border-radius:20px}.page-id-1159 .product-section,.page-id-5 .product-section{padding-top:0}.page-id-1159 .band,.page-id-5 .band{padding:50px;border-radius:20px;margin:40px 0}.doc-tree{border-right:1px solid var(--border)}.doc-content img{border:1px solid var(--border);border-radius:8px}.card{border-radius:16px;box-shadow:none}.page-head+.entry-content p{line-height:1.8}.breadcrumbs{padding-top:20px}
@media(min-width:1024px) and (max-width:1200px){.site-nav__list{gap:12px}.site-nav{gap:14px}.site-nav__list a{font-size:12px}.site-nav__actions{gap:10px}.custom-logo{max-width:135px}}
@media(max-width:1023px){.hero__inner{gap:28px}.hero__title{font-size:44px}.hero__media img{height:400px}.features-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem{gap:25px}.ecosystem>div{gap:20px;flex-wrap:wrap}.ecosystem>div>span{font-size:18px}.site-header__inner{min-height:76px}}
@media(max-width:767px){.container{width:calc(100% - 36px)}.hero{padding:38px 0 28px}.hero__inner{grid-template-columns:1fr;gap:30px}.hero__title{font-size:45px;max-width:500px}.hero__lead{font-size:15px}.hero__kicker{font-size:10px;margin-bottom:22px}.hero__media img{height:auto;aspect-ratio:1.4}.hero__actions{margin-top:24px}.hero .button{font-size:12px;padding:14px}.ecosystem{display:block;padding-block:25px}.ecosystem>p{margin-bottom:20px}.ecosystem>p br{display:none}.ecosystem>div{justify-content:flex-start;gap:20px 26px}.ecosystem>div>span{font-size:17px}.section{padding-block:56px}.editorial-head{display:block;margin-bottom:28px}.editorial-head>p{margin-top:22px;max-width:100%}.features-v2{grid-template-columns:1fr}.feature-v2{padding:25px}.feature-v2 h3{max-width:none;font-size:24px}.feature-icon{margin-bottom:26px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps span{margin-bottom:18px}.steps p{max-width:100%}.quotes{grid-template-columns:1fr}.quote{padding:25px}.page-id-1159 .onboarding,.page-id-5 .onboarding,.page-id-1159 .band,.page-id-5 .band{padding:30px 22px}.site-footer__inner{padding-block:44px}.band--brand{padding-block:50px}.hero__media::after{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.service-intro{padding:36px;background:#f4f6fb;border-radius:20px}.service-intro h2{font-size:clamp(32px,4vw,48px);font-weight:600;margin:0 0 25px}.service-intro>p:not(.eyebrow){max-width:640px;color:var(--muted)}.service-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.service-points span{font-size:13px;border-top:1px solid #d8deee;padding-top:16px}.entry-content--narrow>.section>.container{width:100%}.entry-content--narrow .tcrm-form{max-width:none}.home .section:has(>.container>.band){padding-block:20px 80px}
@media(max-width:767px){.service-intro{padding:24px}.service-points{grid-template-columns:1fr}.home .section:has(>.container>.band){padding-bottom:45px}}
.hero h1.hero__title{color:var(--brand-dark);font-weight:600}.hero__media img{height:auto;aspect-ratio:1.4;object-fit:cover}.hero__inner{padding-block:0}.onboarding h2,.onboarding h3{color:#fff}.hero__media::after{display:none}
.site-footer__bottom-inner,.site-footer__legal{flex-wrap:wrap;min-width:0}.site-footer__legal{gap:12px 22px}.site-footer__legal a{overflow-wrap:anywhere}
@media(max-width:374px){.hero h1.hero__title{font-size:36px}.hero__kicker{font-size:9px}.site-footer__legal{flex-direction:column;align-items:flex-start}}
/* Full-screen photographic opening, based on the original site's composition. */
.home .hero--photo{min-height:calc(100svh - 92px);width:100%;display:flex;align-items:center;padding:80px 0;background-color:#dce3ec;background-size:cover;background-position:center center;border-radius:0}
.home .hero--photo::before{display:block;content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,243,249,.94) 0%,rgba(239,243,249,.84) 28%,rgba(239,243,249,.44) 46%,rgba(239,243,249,0) 64%)}
.home .hero--photo .hero__inner{display:block;position:relative;z-index:1;width:min(100% - 64px,1280px);margin-inline:auto}
.home .hero--photo .hero__content{max-width:520px;width:44%}
.home .hero--photo h1.hero__title{color:#080e39;font-size:clamp(44px,4.6vw,68px);line-height:1.06;text-wrap:balance}
.home .hero--photo .hero__lead{color:#424e68;font-size:17px;max-width:440px}
.home .hero--photo .hero__kicker{color:#18297e}
.home .hero--photo .button--accent{background:#000d74;color:white}
.home .hero--photo .button--accent:hover{background:#18297e;color:white}
.home .hero--photo .button--ghost{color:#000d74;border-color:transparent;background:transparent}
.home .hero--photo .button--ghost:hover{background:#ffffff80}
@media(max-width:1023px){.home .hero--photo{min-height:calc(100svh - 76px);padding-block:60px}.home .hero--photo .hero__content{width:48%}.home .hero--photo h1.hero__title{font-size:44px}}
@media(max-width:767px){.home .hero--photo{min-height:calc(100svh - 76px);align-items:flex-start;padding:44px 0 320px;background-size:auto 58%;background-position:72% bottom;background-repeat:no-repeat;background-color:#edf1f6}.home .hero--photo::before{background:linear-gradient(180deg,#edf1f6 0%,#edf1f6 35%,rgba(237,241,246,.95) 46%,rgba(237,241,246,0) 66%)}.home .hero--photo .hero__inner{width:calc(100% - 36px)}.home .hero--photo .hero__content{width:100%;max-width:500px}.home .hero--photo h1.hero__title{font-size:44px;max-width:400px}.home .hero--photo .hero__lead{font-size:15px;max-width:370px}.home .hero--photo .hero__actions{gap:8px;margin-top:24px}.home .hero--photo .hero__kicker{margin-bottom:22px}}
@media(max-width:374px){.home .hero--photo h1.hero__title{font-size:36px}.home .hero--photo{padding-bottom:260px}}
.home .site-main{padding-top:0}
/* One row of reviews, with native touch scrolling and equal-height cards. */
.home .quotes{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0 12px;max-width:100%;margin-top:0!important}
.home .quotes::-webkit-scrollbar{display:none}
.home .quotes>.quote{flex:0 0 calc((100% - 40px)/3);min-width:0;margin:0!important;scroll-snap-align:start;box-sizing:border-box}
.home .quotes .quote__text{font-size:16px;line-height:1.65}
.home .quotes .quote__author{margin-top:auto;overflow-wrap:anywhere}
.reviews-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:20px 0 22px!important}
.reviews-controls[hidden]{display:none}
.reviews-counter{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);margin-right:10px}
.reviews-arrow{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6ddef;border-radius:50%;background:white;color:var(--brand);font-size:24px;cursor:pointer;transition:background .2s,color .2s}
.reviews-arrow:hover:not(:disabled){background:var(--brand);color:white}
.reviews-arrow:disabled{opacity:.35;cursor:default}
@media(max-width:1023px){.home .quotes>.quote{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.home .quotes>.quote{flex-basis:88%;padding:24px}.reviews-controls{margin-top:16px!important}.reviews-arrow{width:42px;height:42px}}
.home .quotes,.home .reviews-controls{width:calc(100% - 64px);max-width:1280px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:767px){.home .quotes,.home .reviews-controls{width:calc(100% - 36px)}}
.doc-card__icon--line{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#f0f3fc;color:var(--brand);border:1px solid #e4e9f6}
.doc-card__icon--line .icon{width:25px;height:25px;stroke-width:1.6}
.doc-card:hover .doc-card__icon--line{background:#e5ebfc}
.doc-card__body{min-width:0}.doc-card__title{overflow-wrap:anywhere}
.service-strip{padding:44px 0 48px;background:white;border-bottom:1px solid #edf0f6}
.service-strip__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.service-strip .eyebrow{font-size:10px;margin-bottom:9px}
.service-strip h2{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.035em;margin:0;color:var(--brand-dark)}
.service-strip__more{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--brand)}
.service-strip__more span{margin-left:12px}
.service-strip__logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.service-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:132px;padding:22px 16px;background:#f7f8fb;border:1px solid #edf0f6;border-radius:14px;text-decoration:none!important;transition:border-color .2s,background .2s,transform .2s}
.service-logo:hover{border-color:#bdc8ec;background:#fff;transform:translateY(-3px)}
.service-logo__image{height:44px;display:flex;align-items:center;justify-content:center;width:100%}
.service-logo img{display:block;max-width:145px;width:100%;height:44px;object-fit:contain;mix-blend-mode:multiply}
.service-logo__category{font-size:11px;color:var(--muted)}
@media(max-width:767px){.service-strip{padding-block:32px}.service-strip__head{align-items:flex-start;flex-direction:column;gap:15px}.service-strip h2{font-size:22px}.service-strip__logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-logo{min-height:118px;padding:18px 12px}.service-logo:last-child{grid-column:1/-1}.service-logo img{max-width:130px}}

/* Official logo geometry and readable footer CTA in every state. */
.site-footer .footer-logo{display:block;width:128px;height:72px;max-width:100%}
.site-footer a.button--accent,.site-footer a.button--accent:visited{background:#fff;color:#000d74;border-color:#fff;text-decoration:none}
.site-footer a.button--accent:hover,.site-footer a.button--accent:focus-visible{background:#eaf0ff;color:#000d74;border-color:#eaf0ff;text-decoration:none}
/* Homepage guide preview and final demo invitation. */
.home #instructions .doc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.instructions-all{text-align:center;margin-top:-54px;margin-bottom:76px}
.demo-invite{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;background:#080e39;color:#fff;border-radius:24px;padding:56px;margin-block:24px 80px;overflow:hidden}
.demo-invite__eyebrow{font-size:10px;letter-spacing:.15em;color:#aebce9;margin:0 0 25px}
.demo-invite h2{font-size:clamp(28px,3.3vw,44px);line-height:1.12;letter-spacing:-.04em;color:#fff;margin:0 0 22px;font-weight:600}
.demo-invite__lead{color:#c3cbe3;font-size:16px;line-height:1.7;max-width:440px;margin:0 0 30px}
.demo-invite a.demo-invite__button{background:#fff;color:#000d74;border-color:#fff;display:inline-flex;gap:24px;align-items:center;text-decoration:none}
.demo-invite a.demo-invite__button:hover{background:#eaf0ff;color:#000d74}
.demo-invite__agenda{border-left:1px solid #ffffff26;padding-left:42px;align-self:center}
.demo-invite__agenda>p{color:#aebce9;font-size:12px;margin:0 0 26px}
.demo-invite__agenda ol{list-style:none;margin:0;padding:0;display:grid;gap:25px}
.demo-invite__agenda li{display:flex;gap:18px;align-items:flex-start}
.demo-invite__number{color:#91a4e1;font-size:12px;padding-top:4px}
.demo-invite__agenda h3{color:#fff;font-size:18px;line-height:1.3;margin:0 0 7px;font-weight:500;letter-spacing:-.02em}
.demo-invite__agenda li p{color:#b1bbd5;font-size:13px;line-height:1.6;margin:0}
@media(max-width:767px){.home #instructions .doc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.instructions-all{margin-top:-25px;margin-bottom:50px}.demo-invite{grid-template-columns:1fr;padding:30px 24px;gap:36px;margin-bottom:50px}.demo-invite__agenda{border-left:0;border-top:1px solid #ffffff26;padding:28px 0 0}.demo-invite h2 br{display:none}}
@media(max-width:480px){.home #instructions .doc-cards{grid-template-columns:1fr}}
/* Monochrome integration artwork, consistent on hover and detail pages. */
.integration__logo{height:64px}
.integration .integration__img,.integration:hover .integration__img{width:100%;max-width:220px;height:auto;max-height:64px;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal}
.integration-page__logo img{width:220px;height:auto;max-height:72px;object-fit:contain}