/* Supplied v3 SaaS direction, adapted to the live static website. */
:root{--paper:#fff;--line:#e6e8eb;--ground-alt:#f6f7f9;--frame-shadow:0 30px 70px rgba(20,23,27,.1)}
body{background:var(--paper)}
.site-header{background:rgba(255,255,255,.94);border-color:var(--line)}
.site-header nav .button{background:var(--button);border-radius:9px;box-shadow:0 8px 20px rgba(201,101,31,.15)}
.site-header nav .button:hover{background:#91410e}
.button{border-radius:10px}.button-outline,.menu-toggle{border-color:#d5d9df}
.marketing-v3{overflow-x:clip}
.marketing-v3 section>div{gap:48px}
.marketing-v3 .crop{box-shadow:var(--frame-shadow)}
.workspace-badge{display:inline-flex;align-items:center;gap:10px;min-height:36px;max-width:100%;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:white;color:#4d545c;font-size:14px;line-height:1.3;box-shadow:0 4px 14px #14171b0a}
.workspace-badge>span{height:7px;width:7px;flex:none;border-radius:50%;background:var(--copper)}
.hero-v3 h1{text-wrap:balance;max-width:920px!important}
.hero-v3>div{max-width:1280px!important}
.hero-v3>div>p:last-of-type{font-size:14px!important;color:#616973!important}
.hero-stage{margin-top:60px!important;margin-inline:30px}
.hero-stage>.crop{box-shadow:0 40px 90px rgba(20,23,27,.14);aspect-ratio:1180/700!important}
.hero-v3 .floating-card{animation:card-enter .65s ease both!important}
.hero-v3 .hero-context{left:-28px!important;top:14%!important;animation-delay:.2s!important}
.hero-v3 .hero-draft{right:-28px!important;top:36%!important;animation-delay:.35s!important}
.floating-card{pointer-events:none;animation:none!important;z-index:3}
.floating-card strong{font-size:14px!important}
.floating-card p{font-size:14px!important}
.float-eyebrow{font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:#a8500f}
.context-person{display:flex;align-items:center;gap:10px;margin-top:12px}.context-person>div{display:grid;gap:2px}.context-person span:not(.sample-avatar){font-size:12px;color:#616973}
.sample-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0dfd2;color:#a8500f;font-size:12px;font-weight:600}
.context-note{margin-top:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:#4d545c}.float-meta{display:block;font-size:12px;color:#616973;line-height:1.5}
.hero-media{height:auto!important;min-height:38px;flex-wrap:wrap;gap:8px!important;padding:8px 14px!important;bottom:-16px!important;font-size:13px!important}.hero-media>span:last-child{font-size:12px;color:#616973}.status-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7f5ec;color:#177445}
.marketing-v3 .section-workflow{position:relative}
.section-workflow .crop{box-shadow:none}
.section-workflow>div>div{align-items:stretch}
.section-workflow>div>div>div{display:flex;flex-direction:column}
.section-workflow>div>div>div>p{line-height:1.65!important}
.marketing-v3 .section-team .crop{aspect-ratio:720/440}
.marketing-v3 [data-legend-item]{border-radius:12px!important;transition:background .2s,border-color .2s;}
.marketing-v3 [data-legend-item]:has([aria-pressed="true"]){background:white!important;border-color:#e6e8eb!important;box-shadow:0 8px 22px #14171b05}
.marketing-v3 [data-legend-item]:has([aria-pressed="false"]){background:transparent!important;border-color:transparent!important}
.inline-invitation{position:relative;z-index:4}
.review-type{display:inline-flex;border-radius:5px;background:#f1f2f4;color:#4d545c;padding:4px 8px;font-size:12px;font-weight:600}.review-meta{margin:10px 0 6px!important;color:#616973;font-size:12px!important}.review-message{margin:0 0 10px!important;color:#14171b;line-height:1.5}
.marketing-v3 #how-it-works .tour-disclosure{flex-basis:100%;max-width:720px}
.marketing-v3 .faq-item{border:1px solid #e6e8eb;border-radius:12px;padding:0 18px;background:white;margin-bottom:0}
.marketing-v3 .faq-item summary{padding:18px 0;line-height:1.5;font-size:16px}
.marketing-v3 .faq-item[open]{background:#f6f7f9;border-color:#d5d9df}
.marketing-v3 .faq-item p{padding:0 40px 20px 0}
.footer-v3.site-footer{display:block;max-width:none;padding:0;border-top:1px solid #e6e8eb;background:white}
.footer-v3 .footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(130px,1fr));gap:36px;padding:56px clamp(20px,4vw,50px) 36px}
.footer-v3 .brand{display:flex;align-items:center;gap:10px;white-space:normal}.footer-v3 .brand-copy{display:grid;gap:0}.footer-v3 .brand span{font-size:12px}
.footer-v3 .footer-about>p{max-width:310px;margin:16px 0 0;color:#4d545c;font-size:14px;line-height:1.75}
.footer-v3 nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#4d545c;font-size:14px}
.footer-v3 nav h2{font-size:13px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:#616973;margin:8px 0 4px}
.footer-v3 .footer-bottom{max-width:1080px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #eef0f2;padding:22px 0 30px;color:#616973;font-size:13px}
@keyframes card-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-v3 .hero-context{left:-16px!important;width:214px!important}.hero-v3 .hero-draft{right:-16px!important;width:232px!important}.footer-v3 .footer-bottom{margin-inline:clamp(20px,4vw,50px)}}
@media(max-width:760px){
 .marketing-v3 section>div{gap:32px!important}.hero-v3>div{padding-top:48px!important}
 .marketing-v3 #top h1{font-size:clamp(38px,8vw,56px)!important;line-height:1.05!important}
 .hero-v3>div>div:nth-of-type(2){flex-direction:column;align-items:center!important;gap:18px!important}
 .hero-v3>div>div:nth-of-type(2)>a{width:auto!important}.hero-v3>div>div:nth-of-type(2)>a:first-child{width:100%!important;max-width:340px}
 .hero-stage{margin:36px 0 0!important;padding-bottom:22px;display:grid;grid-template-columns:1fr;gap:14px!important;animation:none!important}
 .marketing-v3 #top .hero-stage>.crop{aspect-ratio:560/390!important;margin:0!important;border-radius:14px!important;border-bottom:1px solid var(--line)!important}
 .hero-v3 .hero-context,.hero-v3 .hero-media{display:none}
 .hero-v3 .hero-draft{position:relative!important;inset:auto!important;width:100%!important;margin:0;text-align:left;box-shadow:0 8px 24px #14171b0a!important;animation:none!important}
 .section-workflow>div>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 .section-workflow>div>div>div{border:1px solid #e6e8eb!important;border-radius:16px;padding:14px!important;gap:0!important}
 .section-workflow .crop{display:block;aspect-ratio:270/180!important}
 .section-workflow>div>div>div>div:last-of-type{margin-top:18px!important}
 .marketing-v3 .section-team>div{flex-direction:column;align-items:stretch!important}
 .marketing-v3 .section-team>div>div{flex:auto!important;max-width:none!important;width:100%}
 .marketing-v3 .section-team .team-stage{display:flex;flex-direction:column;gap:16px}
 .marketing-v3 .section-team .crop{display:block!important;aspect-ratio:420/300!important}
 .marketing-v3 .section-team .team-card{display:block!important;position:relative!important;inset:auto!important;width:100%!important;margin:0;box-shadow:0 8px 24px #14171b0a!important}
 .marketing-v3 .section-vault .floating-card,.marketing-v3 .section-automation .floating-card,.marketing-v3 .section-oversight .floating-card{position:relative!important;inset:auto!important;margin:18px 0 0!important;max-width:100%;width:100%!important;box-shadow:0 8px 24px #14171b0a!important}
 .marketing-v3 .section-vault>div,.marketing-v3 .section-automation>div,.marketing-v3 .section-oversight>div{align-items:stretch!important}
 .inline-invitation{margin-top:0!important;transform:none!important}
 .marketing-v3 #how-it-works [data-tour-caption]{left:12px!important;bottom:72px!important;max-width:calc(100% - 24px);font-size:14px!important;min-height:44px;transform:none!important}
 .marketing-v3 .faq-item{padding:0 16px}.marketing-v3 .faq-item summary{font-size:16px}.marketing-v3 .faq-item p{padding-right:0}
 .footer-v3 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:36px}.footer-v3 .footer-about{grid-column:1/-1}.footer-v3 .footer-about>p{max-width:420px}.footer-v3 .footer-bottom{display:flex;gap:12px;margin-inline:20px;font-size:13px}
}
@media(max-width:420px){.section-workflow>div>div{grid-template-columns:1fr!important}.section-workflow .crop{aspect-ratio:270/160!important}.footer-v3 .footer-grid{gap:24px 18px}}
@media(prefers-reduced-motion:reduce){.hero-v3 .floating-card{animation:none!important;transform:none!important}}