.integration-detail-page{min-height:100vh}.integration-detail-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a73;margin-bottom:16px;font-size:11px;font-weight:500}.integration-detail-hero{text-align:left;flex-direction:column;align-items:flex-start;padding-top:140px;padding-bottom:96px;display:flex}.integration-detail-crumb{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a66;align-items:center;gap:8px;margin-bottom:32px;font-size:11px;display:flex}.integration-detail-crumb a{color:#1a1a1a66;text-decoration:none;transition:color .15s ease-out}.integration-detail-crumb a:hover{color:var(--brand-smultron)}.integration-detail-hero-text{z-index:1;max-width:640px;position:relative}.integration-detail-hero-top{width:100%;position:relative}.integration-detail-hero-mark{background-color:var(--brand-onyx);opacity:.09;-webkit-user-select:none;user-select:none;z-index:0;width:clamp(200px,24vw,340px);height:clamp(200px,24vw,340px);transition:background-color .35s,opacity .35s;position:absolute;top:50%;right:clamp(-48px,1vw,32px);transform:translateY(-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.integration-detail-hero-mark:hover{background-color:var(--crm-color);opacity:.2}.integration-detail-hero h1{font-family:var(--font-heading);letter-spacing:-.035em;color:var(--brand-onyx);text-wrap:balance;margin-bottom:24px;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.05}.integration-detail-lede{color:#202020cc;text-wrap:pretty;max-width:620px;margin-bottom:40px;font-size:clamp(16px,1.9vw,18px);line-height:1.65}.integration-detail-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.integration-detail-hero-logos{z-index:1;width:100%;margin-top:128px;position:relative}.integration-detail-hero-logos .logo-carousel-section{background:0 0;margin:0;padding:0}.integration-detail-hero-logos .logo-carousel-container{padding:0}.integration-detail-section{padding-top:96px;padding-bottom:96px}.integration-detail-cta-video{border-top:1px solid var(--brand-askmoln);border-bottom:1px solid var(--brand-askmoln)}.integration-detail-cta-video .book-demo-section{background:0 0}.integration-detail-band{background:var(--brand-fjalltopp);border-top:1px solid var(--brand-askmoln);border-bottom:1px solid var(--brand-askmoln);padding:96px 0}.integration-detail-section>h2,.integration-detail-band h2:not(.integration-detail-lead){font-family:var(--font-heading);letter-spacing:-.025em;color:var(--brand-onyx);max-width:760px;margin-bottom:40px;font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.15}.integration-detail-lead{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--brand-onyx);text-align:right;text-wrap:pretty;white-space:pre-line;max-width:800px;margin-bottom:80px;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.15}.integration-detail-lead-dot{color:var(--brand-smultron)}.integration-detail-lead-row{grid-template-columns:auto 1fr;align-items:start;gap:64px;margin-bottom:80px;display:grid}.integration-detail-lead-row .integration-detail-lead{max-width:none;margin-bottom:0}.integration-detail-stats-side{min-width:0}.integration-detail-stats{background:var(--brand-askmoln);border:1px solid var(--brand-askmoln);border-radius:var(--radius-2xl);grid-template-columns:repeat(2,240px);gap:1px;display:grid;overflow:hidden}.integration-detail-stat{text-align:center;background:var(--brand-fjalltopp);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:148px;padding:28px;text-decoration:none;transition:background-color .15s ease-out;display:flex;position:relative;overflow:hidden}.integration-detail-stat-value,.integration-detail-stat-label{transition:transform .26s}.integration-detail-stat:hover{background:var(--brand-moln)}.integration-detail-stat-value{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--brand-onyx);font-size:clamp(2.2rem,3.4vw,2.75rem);font-weight:700;line-height:1}.integration-detail-stat-label{color:#202020a6;font-size:14px;line-height:1.45}.integration-detail-stat-link{font-family:var(--font-mono);color:var(--brand-smultron);opacity:0;font-size:12px;transition:opacity .26s,transform .26s;position:absolute;bottom:24px;left:20px;right:20px;transform:translateY(8px)}.integration-detail-stat:hover .integration-detail-stat-value,.integration-detail-stat:hover .integration-detail-stat-label{transform:translateY(-14px)}.integration-detail-stat:hover .integration-detail-stat-link{opacity:1;transform:translateY(0)}.integration-detail-modes-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:56px;display:grid}.integration-detail-modes{flex-direction:column;justify-content:space-between;gap:28px;height:100%;display:flex}.integration-detail-modes-stage{display:grid}.integration-detail-block{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .4s,transform .4s;transform:translateY(6px)}.integration-detail-block.is-active{opacity:1;visibility:visible;transform:none}.integration-detail-block .integration-detail-eyebrow{margin-bottom:8px;padding-top:0}.integration-detail-modes-tabs{gap:8px;display:flex}.integration-detail-modes-tab{background:var(--brand-askmoln);cursor:pointer;border:none;border-radius:999px;width:40px;height:3px;padding:0;transition:background-color .2s}.integration-detail-modes-tab:hover{background:#1a1a1a4d}.integration-detail-modes-tab.is-active{background:var(--brand-smultron)}.integration-detail-block-body h3{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--brand-onyx);margin-bottom:10px;font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.2}.integration-detail-block-body p{color:#202020b8;font-size:17px;line-height:1.65}.integration-detail-block-body strong{color:var(--brand-onyx);font-weight:600}.integration-detail-mode-link{font-family:var(--font-mono);color:var(--brand-smultron);align-items:center;gap:6px;margin-top:18px;font-size:13px;text-decoration:none;transition:gap .15s ease-out;display:inline-flex}.integration-detail-mode-link:hover{gap:10px}.integration-detail-modes-demo{border:1px solid var(--brand-askmoln);border-radius:var(--radius-2xl);background:var(--brand-moln);overflow:hidden}.integration-detail-modes-demo video{width:100%;height:auto;display:block}.integration-detail-actions-grid{background:var(--brand-askmoln);border:1px solid var(--brand-askmoln);border-radius:var(--radius-2xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.integration-detail-action{background:#fff;flex-direction:column;gap:10px;padding:32px;display:flex}.integration-detail-action-icon{color:var(--brand-smultron);flex:none;align-self:flex-start;margin-bottom:4px}.integration-detail-action h3{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--brand-onyx);font-size:16px;font-weight:600}.integration-detail-action p{color:#202020ad;font-size:14px;line-height:1.6}.integration-detail-others{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.integration-detail-other{border:1px solid var(--brand-askmoln);border-radius:var(--radius-2xl);background:#fff;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:start;gap:4px 14px;padding:24px 28px;text-decoration:none;transition:border-color .15s ease-out,transform .15s ease-out;display:grid}.integration-detail-other:hover{border-color:var(--brand-smultron);transform:translateY(-2px)}.integration-detail-other-logo{grid-row:span 2;align-self:start;width:28px;height:28px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.integration-detail-other-name{font-family:var(--font-heading);color:var(--brand-onyx);font-size:16px;font-weight:600}.integration-detail-other-blurb{color:#20202099;font-size:13px;line-height:1.5}@media (max-width:1024px){.integration-detail-actions-grid{grid-template-columns:repeat(2,1fr)}.integration-detail-modes-row{grid-template-columns:1fr;gap:40px}.integration-detail-lead-row{grid-template-columns:1fr;gap:40px;margin-bottom:56px}.integration-detail-lead-row .integration-detail-lead{order:-1}}@media (max-width:640px){.integration-detail-hero{padding-top:104px;padding-bottom:64px}.integration-detail-hero-mark{display:none}.integration-detail-section{padding-top:64px}.integration-detail-band{padding:64px 0}.integration-detail-lead{margin-bottom:48px}.integration-detail-stats{grid-template-columns:1fr}.integration-detail-modes-demo{order:-1}.integration-detail-lead-row .integration-detail-lead{order:0}.integration-detail-actions-grid{grid-template-columns:1fr}.integration-detail-action{padding:24px}.integration-detail-others{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.integration-detail-other:hover{transform:none}}