.primary-menu{display:flex;align-items:center;gap:34px;color:#285f87;font-size:13px;font-weight:600}.primary-menu>a[aria-current]{color:#176da9;text-decoration:underline;text-underline-offset:7px}.primary-menu>a:hover{color:#143e60}.primary-menu>button{padding:9px 0;border:0;background:none;color:inherit;font:inherit;display:flex;gap:18px;align-items:center}.primary-menu>button>span{font-size:18px}.menu-toggle{display:none}.page-header .nav{position:relative}.inner-page{background:#f3f9fd}.inner-page .header{position:relative;background:#edf7fe;border-bottom:1px solid #e2eff8}.inner-intro{padding-top:67px;padding-bottom:39px}.inner-intro h1{font-size:45px;line-height:1.35;letter-spacing:-.055em;font-weight:750;margin-top:17px;color:#234c6b}.inner-intro>p{color:#7b96aa;font-size:14px;line-height:1.85;margin-top:21px}.simple-example{background:linear-gradient(180deg,#e8f5fd,#f3f9fd)}.simple-example .section-title h2{font-size:37px;line-height:1.4}.simple-example .section-title>p{font-size:14px;line-height:1.9}.before-after{display:grid;grid-template-columns:1fr 30px 1fr;gap:22px;align-items:center;max-width:880px;margin:auto}.before-after>article{border-radius:17px;background:#ffffff9c;padding:28px 30px}.before-after>article.example-after{background:#fff}.example-label{font-size:11px;color:#8ca6b9}.before-after p{font-size:15px;color:#637f94;line-height:2.1;margin-top:18px}.before-after b{font-weight:600}.before-after mark,.guide-example mark{background:#e5f1fb;color:#3e7eab;padding:2px 4px;border-radius:4px}.example-arrow{font-size:24px;color:#8ab5d1;text-align:center}.example-note{max-width:880px;margin:18px auto 0;color:#95aabd;font-size:10px;line-height:1.8}.quiet-link{display:block;max-width:880px;margin:23px auto 0;font-size:12px;color:#487fa6;line-height:1.85}.quiet-link:hover{text-decoration:underline;text-underline-offset:4px}.home-uses{background:#f3f9fd;padding:10px 0 66px}.home-uses h2{font-size:28px;font-weight:650;color:#3c647f}.use-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.use-strip p{border-top:1px solid #dceaf4;padding-top:19px}.use-strip strong{display:block;color:#446e8c;font-weight:650;font-size:16px}.use-strip span{display:block;font-size:12px;color:#8aa2b5;line-height:1.9;margin-top:8px}.home-next{background:#e7f3fd;text-align:center;padding:55px 0 58px}.home-next h2{font-size:29px;font-weight:700;line-height:1.45}.home-next p{margin-top:14px;font-size:13px;color:#7d9bb1}.home-next>.container>div{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:26px}.home-next .button,.guide-actions .button{font-size:13px;border-radius:999px;background:#367daa;box-shadow:none;font-weight:600;padding:13px 22px}.plain-action{border:0;background:none;padding:0;color:#5284a8;font-size:12px;font-weight:550;line-height:1.8}.plain-action:hover{text-decoration:underline;text-underline-offset:4px}.guide-section{padding-bottom:65px;max-width:850px}.guide-list{padding:0;margin:0;list-style:none}.guide-list>li{display:flex;gap:25px;padding:34px 0;border-bottom:1px solid #e1edf5}.guide-number{font-size:12px;color:#87acc5;padding-top:6px;flex-shrink:0}.guide-list>li>div{flex:1;min-width:0}.guide-list h2{font-size:25px;font-weight:650;line-height:1.45;letter-spacing:-.04em}.guide-list p{font-size:14px;line-height:1.9;color:#7e99ad;margin-top:13px}.guide-example{font-size:14px;line-height:2;background:#ffffffb3;color:#6c879b;border-radius:12px;padding:20px 23px;margin-top:20px}.guide-note{padding:23px 26px;background:#e8f3fc;border-radius:13px;margin-top:29px}.guide-note h3{font-size:15px;font-weight:650;color:#567c98}.guide-note p{font-size:12px;line-height:1.9;color:#88a0b3;margin-top:9px}.guide-actions{display:flex;align-items:center;gap:25px;justify-content:center;margin-top:32px}.inner-page .faq-section{background:#ecf5fc}.inner-page .workflow-section{padding-top:0;background:#f3f9fd;padding-bottom:75px}.demo-help{max-width:880px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-help p{color:#8aa1b3;font-size:12px;line-height:1.9}.demo-help strong{font-weight:550;color:#5f809a}.demo-help a{font-size:11px;color:#5b89ab;white-space:nowrap}.demo-help a:hover{text-decoration:underline}.inner-page .free-demo{margin-top:30px}
@media(max-width:760px){.page-header .nav{height:75px}.menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:none;color:#386f95;font-size:12px;padding:10px 0 10px 12px}.menu-toggle i{width:17px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;display:block}.menu-toggle[aria-expanded=true] i{height:0;border-bottom:0;transform:rotate(-45deg);position:relative}.menu-toggle[aria-expanded=true] i::after{content:'';display:block;width:17px;height:1px;background:currentColor;transform:rotate(90deg);position:absolute;top:-1px}.primary-menu{display:none;position:absolute;top:65px;left:0;right:0;background:#f4fbff;border:1px solid #d8eaf8;box-shadow:0 12px 24px #2f6a8f0c;border-radius:13px;padding:10px 18px;z-index:10;gap:0;font-size:13px}.menu-open .primary-menu{display:flex;flex-direction:column;align-items:stretch}.primary-menu>a,.primary-menu>button{display:flex;justify-content:space-between;padding:14px 1px;line-height:1.5}.primary-menu>a+*,.primary-menu>button{border-top:1px solid #e4eff7}.primary-menu>a[aria-current]{text-decoration:none;font-weight:750}.inner-intro{padding-top:39px;padding-bottom:26px}.inner-intro h1{font-size:31px;line-height:1.4;margin-top:14px}.inner-intro>p{font-size:12px;margin-top:17px;max-width:310px}.simple-example .section-title h2{font-size:29px}.simple-example .section-title>p{font-size:12px}.before-after{grid-template-columns:1fr;gap:9px}.before-after>article{padding:21px 23px}.before-after p{font-size:13px;line-height:2;margin-top:13px}.example-label{font-size:10px}.example-arrow{transform:rotate(90deg);font-size:20px;line-height:1}.example-note{font-size:9px;margin-top:15px}.quiet-link{font-size:11px;margin-top:19px}.home-uses{padding:0 0 43px}.home-uses h2{font-size:25px}.use-strip{grid-template-columns:1fr;gap:19px;margin-top:23px}.use-strip p{padding-top:17px}.use-strip strong{font-size:15px}.use-strip span{font-size:12px;margin-top:5px}.home-next{padding:39px 0 43px}.home-next h2{font-size:24px;max-width:270px;margin:auto}.home-next p{font-size:11px;line-height:1.9}.home-next>.container>div{flex-direction:column;gap:20px;margin-top:23px}.home-next .button,.guide-actions .button{font-size:12px;padding:12px 21px}.plain-action{font-size:11px}.guide-list>li{gap:16px;padding:28px 0}.guide-number{font-size:10px;padding-top:5px}.guide-list h2{font-size:20px;line-height:1.5}.guide-list p{font-size:12px;line-height:1.95;margin-top:11px}.guide-list p br{display:none}.guide-example{font-size:12px;padding:17px 18px;margin-top:16px}.guide-note{padding:20px;margin-top:24px}.guide-note h3{font-size:13px}.guide-note p{font-size:11px}.guide-actions{flex-direction:column;gap:20px;margin-top:27px}.guide-section{padding-bottom:46px}.demo-help{display:block;margin-bottom:25px}.demo-help p{font-size:11px}.demo-help a{display:block;margin-top:12px;font-size:11px}.inner-page .workflow-section{padding-top:0;padding-bottom:48px}.inner-page .section-title{margin-bottom:25px}}
