/* Guide-only design: does not affect the product homepage. */

/* Clearer hierarchy for the ERP integration pages. */
.hero { padding:152px 0 88px; }
.hero-copy h1 { font-size:clamp(40px,4.6vw,64px); line-height:1.09; letter-spacing:-.045em; }
.hero-copy>p { font-size:18px; line-height:1.65; }
.button-primary { background:#2563eb; box-shadow:0 8px 22px -12px rgba(37,99,235,.65); }
.button-primary:hover { background:#1d4ed8; }
.pipeline-card { border-radius:20px; box-shadow:0 24px 60px -38px rgba(37,99,235,.55); }
.step,.capability-row div { border-radius:12px; }
.step span { color:#a3b0c3; }
.step small,.capability-row span { color:#94a3b8; }
.section { padding:88px 0; }
.feature-grid { margin-top:38px; }
.feature-grid article,.security-grid article { border-radius:16px; box-shadow:none; }
.feature-grid small { margin-top:20px; line-height:1.6; letter-spacing:.08em; }
#guides { background:#f5f7fa; border-top:1px solid #e4e9ef; }
#guides .feature-grid article { position:relative; transition:border-color .18s,transform .18s; }
#guides .feature-grid article:hover { border-color:#93b4ef; transform:translateY(-3px); }
#guides h3 a::after { content:""; position:absolute; inset:0; border-radius:16px; }
#guides .icon { border:0; background:transparent; place-items:start; height:25px; }
@media(max-width:720px) { .hero { padding:122px 0 58px; } .hero-copy h1 { font-size:40px; } .section { padding:60px 0; } .hero-copy>p { font-size:17px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }
@media(max-width:1100px) { .site-header nav { display:none; } }
@media(max-width:980px) { .hero-grid,.split { grid-template-columns:minmax(0,1fr); } }
.hero-grid>* { min-width:0; }
.eyebrow { max-width:100%; }
@media(max-width:720px) { .header-inner { gap:12px; } .header-cta { padding:10px 12px; font-size:12px; } .hero-copy h1 { font-size:clamp(32px,9vw,40px); } .eyebrow { font-size:10px; } .cookie-banner { width:auto; transform:none; } }
@media(max-width:720px) { .shell { width:calc(100% - 32px); max-width:calc(100vw - 32px); } .hero-copy { width:100%; } .header-actions { flex-shrink:0; } .brand img { width:102px; height:auto; margin-left:0; } .cookie-banner { max-width:calc(100vw - 24px); } .integration-inner>p { white-space:normal; } }

.guide-hero { padding:124px 0 48px; background:#0b172b; }
.guide-hero::after { display:none; }
.guide-hero .hero-copy { position:relative; z-index:1; max-width:940px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; color:#b9c5d8; font-size:13px; }
.guide-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.guide-hero .eyebrow { padding:0; border:0; background:none; color:#8db6ff; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.guide-hero .hero-copy h1 { max-width:900px; margin-top:16px; font-size:clamp(32px,3.6vw,48px); line-height:1.16; text-wrap:balance; }
.guide-hero .hero-copy>p { max-width:800px; margin-top:20px; font-size:17px; line-height:1.65; }
.guide-page article.section { padding:28px 0 72px; }
.guide-content { max-width:1140px; }
.guide-date { margin:0 0 28px; color:#64748b; font-size:13px; }
.guide-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; align-items:start; }
.guide-layout aside { position:sticky; top:28px; }
.guide-toc { padding:20px 0; border-top:2px solid #2563eb; }
.guide-toc strong { font-size:13px; font-weight:600; }
.guide-toc ol { display:grid; gap:14px; margin:20px 0 0; padding:0; list-style:none; }
.guide-toc a { display:block; font-size:13px; line-height:1.55; color:#526176; }
.guide-toc a:hover { color:#1d4ed8; }
.guide-body { min-width:0; max-width:760px; }
.guide-body>section { margin:0 0 40px; padding-bottom:32px; border-bottom:1px solid #e4e9ef; scroll-margin-top:24px; }
.guide-body h2 { font-size:clamp(23px,2.2vw,28px); line-height:1.3; letter-spacing:-.025em; }
.guide-body p,.guide-body li { color:#475569; font-size:16px; line-height:1.75; }
.guide-body p { margin:16px 0 0; }
.guide-body ul { padding-left:22px; margin:18px 0 0; }
.guide-body li { margin:10px 0; padding-left:4px; }
.guide-body a:not(.button) { color:#1d4ed8; text-decoration:underline; text-underline-offset:3px; }
.guide-body .faq-list { margin-top:20px; }
.guide-body .inline-cta { margin-top:0; flex-direction:column; align-items:flex-start; padding:28px; background:#eff4fc; border-radius:16px; }
.guide-body .inline-cta p { font-size:14px; }
.table-scroll { overflow:auto; margin-top:18px; }
.guide-body table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.6; text-align:left; }
.guide-body caption { margin-bottom:14px; color:#64748b; font-size:13px; text-align:left; }
.guide-body th,.guide-body td { padding:13px 16px; border-bottom:1px solid #dbe3ec; vertical-align:top; }
.guide-body th { background:#f1f5f9; font-weight:600; }
.guide-body td:first-child { font-family:monospace; color:#1d4ed8; }
@media(max-width:900px) { .guide-layout { grid-template-columns:190px minmax(0,1fr); gap:32px; } }
@media(max-width:720px) { .guide-hero { padding:110px 0 36px; } .guide-hero .hero-copy h1 { font-size:32px; } .guide-layout { display:block; } .guide-layout aside { position:static; margin-bottom:36px; } .guide-toc { padding:16px; border:1px solid #dbe3ec; border-radius:12px; background:#f8fafc; } .guide-toc ol { gap:9px; margin-top:14px; } .guide-body th,.guide-body td { padding:10px; } .guide-body .inline-cta { padding:22px; } }