@font-face{font-family:PreviewSpartan;src:url('/connected-preview/features/assets/league-spartan-latin-variable.woff2');font-weight:100 900;font-display:swap}
[data-preview-header]{position:relative;z-index:25;flex:none}.preview-nav{background:#fff;color:#080a09;border-bottom:0;font:500 19px/1.4 PreviewSpartan,Arial,sans-serif}.preview-nav *{box-sizing:border-box}.preview-nav a{text-decoration:none;color:inherit}.preview-nav-row{max-width:1560px;margin:auto;min-height:108px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:36px}.preview-brand{font-size:38px;font-weight:700;display:flex;align-items:center;gap:12px;white-space:nowrap}.preview-brand svg{width:36px;height:45px;color:#00a648}.preview-nav-row nav{display:flex;gap:52px;align-items:center}.preview-nav button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:38px 12px;border-bottom:3px solid transparent}.preview-nav button[aria-expanded=true]{color:#009e44;border-bottom-color:#00a448}.preview-nav button span{margin-left:8px}.preview-auth{display:flex;gap:30px;align-items:center}.preview-signup{background:#00a449;color:white!important;padding:15px 28px;border-radius:9px}.preview-menu[hidden]{display:none}.preview-menu{position:absolute;top:calc(100% + 26px);left:36px;right:36px;max-width:1560px;margin:auto;padding:48px 28px;border:1px solid #e5e8e6;background:white;border-radius:20px;box-shadow:0 8px 28px #1738240d}.preview-menu nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.preview-feature{padding:38px 18px 35px;min-width:0;min-height:330px;border:1px solid #e8eae9;border-radius:18px;box-shadow:0 4px 14px #172d2007;display:flex;align-items:center;flex-direction:column;text-align:center;gap:24px}.preview-icon{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#f0f8f3;color:#00a444}.preview-icon svg{width:60px;height:60px}.preview-feature strong{font-size:23px;line-height:1.25;max-width:13ch;font-weight:650}.preview-feature>span:last-child{font-size:18px;line-height:1.65;color:#3d4340}.preview-feature:hover,.preview-feature[aria-current=page]{border-color:#89d7ad;box-shadow:0 5px 14px #007d3915}.preview-nav a:focus-visible,.preview-nav button:focus-visible{outline:3px solid #007c3d;outline-offset:5px}
[data-page=docs] .marketing-header,[data-page=docs] .review-strip,[data-page=docs] .review-bar,[data-page=docs] .review-ii{display:none}
@media(max-width:1100px){.preview-nav-row{gap:22px;padding:0 22px}.preview-nav-row nav{gap:22px}.preview-auth{gap:16px}.preview-brand{font-size:32px}.preview-menu{padding:28px 20px;left:20px;right:20px}.preview-menu nav{gap:14px}.preview-feature{padding:25px 12px;gap:18px}.preview-feature strong{font-size:20px}.preview-feature>span:last-child{font-size:16px}.preview-icon{width:80px;height:80px}.preview-icon svg{width:48px;height:48px}}
@media(max-width:800px){.preview-nav-row{flex-wrap:wrap;gap:0 16px;min-height:120px;padding:16px 20px 0}.preview-brand{font-size:29px}.preview-brand svg{width:28px;height:35px}.preview-auth{margin-left:auto;font-size:16px}.preview-signup{padding:10px 16px}.preview-nav-row nav{order:3;justify-content:center;width:100%;gap:30px;font-size:18px}.preview-nav button{padding:18px 8px}.preview-menu{top:100%;max-height:calc(100dvh - 130px);overflow:auto;border-radius:0 0 15px 15px;left:0;right:0;padding:18px}.preview-menu nav{grid-template-columns:1fr}.preview-feature{min-height:0;display:grid;grid-template-columns:58px 1fr;text-align:left;gap:4px 18px;padding:17px}.preview-icon{grid-row:1/3;width:56px;height:56px}.preview-icon svg{width:33px;height:33px}.preview-feature strong{max-width:none;font-size:21px}.preview-feature>span:last-child{font-size:16px}.preview-nav-row{gap:0 10px}}

@media(min-width:801px){.preview-menu{top:calc(100% + 8px);max-width:1160px;padding:24px 20px;border-radius:15px}.preview-menu nav{gap:15px}.preview-feature{min-height:250px;padding:24px 13px;gap:16px;border-radius:12px}.preview-icon{width:70px;height:70px}.preview-icon svg{width:43px;height:43px}.preview-feature strong{font-size:20px;line-height:1.2}.preview-feature>span:last-child{font-size:16px;line-height:1.45}}

.preview-logo-crop{position:relative;display:block;overflow:hidden;width:46px;height:46px;flex:none}.preview-logo-crop img{position:absolute;width:232%;max-width:none;height:auto;left:-66%;top:-64%}
@media(max-width:800px){.preview-logo-crop{width:36px;height:36px}}

.preview-logo-crop img{filter:grayscale(1) contrast(20)}
.preview-nav #preview-features-toggle{display:inline-flex;align-items:center;gap:10px}
.preview-chevron{display:block;width:18px;height:18px;flex:none;transition:transform .16s ease}
.preview-nav button[aria-expanded=true] .preview-chevron{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.preview-chevron{transition:none}}

.preview-nav-row{min-height:81px}.preview-brand{font-size:28.5px;gap:9px}.preview-logo-crop{width:34.5px;height:34.5px}.preview-nav button{padding-block:25px}.preview-signup{padding-block:12px}
@media(max-width:1100px){.preview-brand{font-size:24px}}
@media(max-width:800px){.preview-brand{font-size:22px}.preview-logo-crop{width:27px;height:27px}.preview-nav-row{min-height:104px;padding-top:12px}.preview-nav button{padding-block:14px}.preview-auth{gap:12px}.preview-signup{padding:9px 12px}}

.preview-nav{font-size:17px}.preview-brand{font-size:26.5px}.preview-nav-row{padding-left:56px}
@media(max-width:1100px){.preview-brand{font-size:22px}.preview-nav-row{padding-left:38px}}
@media(max-width:800px){.preview-brand{font-size:20px}.preview-nav-row{padding-left:28px}.preview-nav-row nav{font-size:16px}.preview-auth{font-size:14px}}

.preview-feature>span:last-child{color:#69716c;font-weight:400}

.preview-footer{background:#fff;color:#101a16;border-top:1px solid #dce7df;margin-top:64px;padding:48px 56px 22px;font:400 17px/1.6 PreviewSpartan,Arial,sans-serif}.preview-footer-inner{max-width:1448px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr .65fr;gap:60px}.preview-footer a{color:inherit;text-decoration:none}.preview-footer a:hover{text-decoration:underline}.preview-footer p{font:400 17px/1.6 PreviewSpartan,Arial,sans-serif;color:#69716c;margin-top:20px}.preview-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.preview-footer nav h2{font:650 20px/1.3 PreviewSpartan,Arial,sans-serif;letter-spacing:0;margin:0 0 10px}.preview-footer nav a{font-size:17px}.preview-footer-bottom{max-width:1448px;margin:36px auto 0;padding-top:20px;border-top:1px solid #edf0ee;color:#69716c;font-size:14px}.preview-footer a:focus-visible{outline:3px solid #007c3d;outline-offset:5px}
@media(max-width:800px){.preview-footer{padding:36px 28px 22px;margin-top:42px}.preview-footer-inner{grid-template-columns:1fr 1fr;gap:32px}.preview-footer-inner>div{grid-column:1/-1}.preview-footer nav a{font-size:16px}.preview-footer nav h2{font-size:19px}}

/* Match the pricing header's restrained type and centered navigation. */
@media(min-width:801px){.preview-nav-row{display:grid;grid-template-columns:minmax(192px,1fr) auto minmax(192px,1fr);width:min(calc(100% - 108px),1568px);padding:0;gap:0}.preview-nav-row nav{gap:clamp(40px,4vw,67px)}.preview-auth{justify-self:end;gap:28px}.preview-nav{font-size:16.48px;font-weight:560}.preview-signup{font-size:16.48px;font-weight:610}.preview-nav button{padding-inline:0}.preview-brand{justify-self:start}}

.homepage-footer .preview-footer{margin-top:0}
.preview-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.preview-footer .preview-legal-links{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 22px}.preview-footer .preview-legal-links a,.preview-footer .preview-legal-links button{font-size:14px;line-height:1.6}.preview-footer .preview-legal-links button{min-height:36px}

.preview-nav #preview-resources-toggle{display:inline-flex;align-items:center;gap:10px}
.preview-resources-menu{max-width:840px}.preview-resources-menu nav{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.preview-resources-menu{max-width:none}.preview-resources-menu nav{grid-template-columns:1fr}}

.preview-hamburger,.preview-mobile-menu{display:none}
@media(max-width:1100px){
 .preview-nav-row{display:flex;flex-wrap:nowrap;width:100%;min-height:72px;padding:12px 24px;gap:20px;justify-content:space-between}
 .preview-nav-row>nav,.preview-nav-row>.preview-auth,.preview-nav>.preview-menu{display:none}
 .preview-nav-row>.preview-brand{margin:0;font-size:24px}
 .preview-nav-row>.preview-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:8px;margin-left:auto}
 .preview-hamburger svg{width:24px;height:24px}.hamburger-close{display:none}.preview-hamburger[aria-expanded=true] .hamburger-close{display:block}.preview-hamburger[aria-expanded=true] .hamburger-lines{display:none}
 .preview-mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:14px 24px 24px;background:#fff;max-height:calc(100dvh - 72px);overflow-y:auto;box-shadow:0 18px 24px #19362412;font-size:18px;line-height:1.4}
 .preview-mobile-menu>details,.preview-mobile-menu>a{border-bottom:1px solid #edf0ee}
 .preview-mobile-menu>a,.preview-mobile-menu summary{padding:16px 0;min-height:52px}
 .preview-mobile-menu summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.preview-mobile-menu summary::-webkit-details-marker{display:none}.preview-mobile-menu details[open] summary .preview-chevron{transform:rotate(180deg)}
 .preview-mobile-links{display:grid;gap:2px;padding:0 0 14px 14px}.preview-mobile-links a{padding:12px 0;font-size:17px;color:#54635a;min-height:44px}
 .preview-mobile-auth{display:flex;align-items:center;gap:24px;padding-top:22px}.preview-mobile-auth>a{min-height:44px;display:flex;align-items:center;justify-content:center}.preview-mobile-auth>.preview-signup{flex:1;max-width:240px}
 .preview-mobile-menu summary:focus-visible{outline:3px solid #007c3d;outline-offset:3px}
}
@media(max-width:600px){.preview-nav-row{padding-inline:20px}.preview-nav-row>.preview-brand{font-size:22px}.preview-mobile-menu:not([hidden]){padding-inline:20px}}

@media(min-width:1101px){
 /* Three cards at the same width as each of the five Features cards. */
 .preview-resources-menu{width:calc((min(calc(100% - 72px),1160px) - 102px) * .6 + 72px);max-width:none}
 .preview-icon{flex-shrink:0}
 .preview-menu .preview-feature{height:270px;min-height:270px}
}

@media(min-width:1101px){.preview-menu .preview-feature strong{min-height:48px;display:flex;align-items:center;justify-content:center}}

@media screen and (max-width:850px), screen and (pointer:coarse){
 .preview-footer nav a,.preview-footer .preview-legal-links button{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
 .docs-main .code-top>button[data-copy-code],.code-example>div>button{min-width:44px;min-height:44px}
}
/* Owner, 17 Oct: the footer tagline flows as one paragraph on phones (the forced break left "contact" alone). */
@media(max-width:800px){.preview-footer-break{display:none}}