/* Product navigation and readable static editorial pages. */
.header .nav{gap:17px}.header .nav .btn{padding:12px 18px;gap:15px}.commercial-nav-group{position:relative;display:flex;align-items:center;gap:3px}.commercial-nav-group>a{font-size:13px;font-weight:600;white-space:nowrap;padding:10px 0}.commercial-nav-group>a[aria-current]{color:#234cb5;text-decoration:underline;text-underline-offset:8px}.commercial-nav-toggle{display:grid;place-items:center;width:28px;height:32px;border:1px solid #d7dfef;border-radius:8px;background:#eef4ff;color:#234cb5;cursor:pointer}.commercial-nav-toggle:hover,.commercial-nav-toggle[aria-expanded=true]{background:#234cb5;color:#fff}.commercial-submenu{display:none;position:absolute;top:100%;left:-16px;width:310px;padding:12px;background:#fff;border:1px solid #d7dfef;border-radius:16px;box-shadow:0 18px 45px #101c2e20;z-index:60}.commercial-nav-group.open .commercial-submenu{display:grid}.commercial-submenu a{padding:10px 12px;border-radius:8px;font-size:15px;line-height:1.5;font-weight:500;color:#273c61}.commercial-submenu a:hover,.commercial-submenu a[aria-current]{background:#edf3ff;color:#234cb5}.commercial-nav-toggle:focus-visible,.commercial-submenu a:focus-visible,.commercial-card:focus-visible{outline:3px solid #234cb5;outline-offset:4px}.commercial-crumb{display:flex;flex-wrap:wrap;gap:9px;font-size:15px;margin:22px 0;color:#566882}.commercial-crumb a{text-decoration:underline;text-underline-offset:4px}.commercial-hero{padding:40px 0 65px;max-width:1000px}.commercial-hero h1{font-size:clamp(40px,5.3vw,72px);line-height:1.12;margin:22px 0}.commercial-hero>p{font-size:21px;line-height:1.75;max-width:820px}.commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.commercial-card{display:flex;flex-direction:column;align-items:start;background:#fff;border:1px solid #d7dfef;border-radius:22px;padding:30px;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}.commercial-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #234cb510;border-color:#8dadf0}.commercial-icon{display:grid;place-items:center;width:54px;height:54px;background:#edf3ff;border-radius:16px;color:#234cb5;margin-bottom:24px}.commercial-icon svg{width:28px;height:28px}.commercial-card h2{font-size:28px;line-height:1.25;letter-spacing:-.04em;margin:0 0 15px}.commercial-card p{font-size:18px;line-height:1.7;margin:0 0 24px}.commercial-card-link{margin-top:auto;font-size:16px;font-weight:700;color:#234cb5;display:flex;width:100%;justify-content:space-between}.commercial-note{padding:38px 42px;margin:55px 0;background:linear-gradient(120deg,#eaf2ff,#f4f8ff);border:1px solid #d6e3ff;border-radius:22px;max-width:100%}.commercial-note h2{font-size:34px;line-height:1.25;max-width:900px}.commercial-note p{font-size:19px;line-height:1.8;max-width:940px}.commercial-note a:not(.text-link){color:#234cb5;text-decoration:underline;text-underline-offset:4px}.commercial-note.compact{margin-top:0}.commercial-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;padding:25px 0}.commercial-split h2{font-size:38px;line-height:1.2}.commercial-split p{font-size:19px;line-height:1.8}.commercial-example{background:#fff;border:1px solid #d7dfef;padding:30px 34px;border-radius:20px}.commercial-kicker{font-size:15px;font-weight:700;color:#234cb5}.commercial-example small{font-size:16px;line-height:1.6;color:#566882;display:block}.commercial-example h3{font-size:26px;margin:0 0 20px}.commercial-example ul{padding-left:22px}.commercial-example li{font-size:18px;line-height:1.8;margin:12px 0}.commercial-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.commercial-rule{padding:30px;background:#fff;border:1px solid #d7dfef;border-radius:20px}.commercial-step{display:block;color:#234cb5;font-weight:700;font-size:16px;margin-bottom:16px}.commercial-rule h3{font-size:27px;line-height:1.3;margin:0 0 15px}.commercial-rule p{font-size:19px;line-height:1.8;margin:0}.integration-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-workflows{padding:40px;border:1px solid #d7dfef;border-radius:22px;background:#fff}.commercial-workflows h2{font-size:30px}.commercial-note .commercial-small{font-size:16px}.commercial-related>h2{margin-bottom:30px}.commercial-page .faq-list summary{font-size:20px}.commercial-page .faq-list details p{font-size:19px;line-height:1.8}
@media(min-width:1101px) and (max-width:1300px){.header{gap:15px}.header>.brand{font-size:26px}.header .nav{gap:11px}.header .nav>a:not(.btn),.header .tools-nav-item>a,.commercial-nav-group>a{font-size:12px}.header .nav .btn{font-size:12px;padding:10px 12px;gap:10px}.commercial-nav-toggle{width:23px}.header-domain{font-size:10px}}
@media(max-width:1100px){.commercial-nav-group{flex-wrap:wrap;width:100%;gap:8px}.commercial-nav-group>a{font-size:17px;flex:1;padding:12px 0}.commercial-nav-toggle{width:38px;height:38px}.commercial-submenu{position:static;flex-basis:100%;width:100%;box-shadow:none;margin-bottom:12px}.commercial-submenu a{font-size:16px}.commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-split{gap:25px}.integration-flow{grid-template-columns:1fr}.commercial-hero>p{font-size:20px}}
@media(max-width:680px){.commercial-crumb{font-size:14px;margin:18px 0}.commercial-hero{padding:20px 0 38px}.commercial-hero h1{font-size:40px;overflow-wrap:break-word}.commercial-hero>p{font-size:18px}.commercial-hero .hero-actions{gap:12px}.commercial-hero .btn{font-size:15px;padding:13px 16px;gap:12px}.commercial-grid,.commercial-rule-grid,.commercial-split{grid-template-columns:1fr}.commercial-card{padding:25px}.commercial-card h2{font-size:27px}.commercial-card p,.commercial-rule p,.commercial-split p,.commercial-note p{font-size:18px}.commercial-note{margin:35px 0;padding:26px 23px}.commercial-note h2,.commercial-split h2{font-size:30px}.commercial-example{padding:25px}.commercial-rule{padding:25px}.commercial-workflows{padding:25px;gap:20px}.commercial-page .faq-list summary{font-size:18px}.commercial-page .faq-list details p{font-size:18px}.commercial-related>h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.commercial-card{transition:none}.commercial-card:hover{transform:none}}
