/* TAP public website: warm editorial surfaces and a confident plum introduction. */
body.marketing-site {
  --ink: #302936;
  --muted: #6a6371;
  --purple: #6f4b91;
  --purple-dark: #54346f;
  --line: #e5dfe7;
  --soft: #f2edf5;
  --shadow: 0 20px 45px -25px #3b294a40;
  --display: Georgia, 'Times New Roman', serif;
  background: #fbf9f7;
  color: var(--ink);
  color-scheme: light;
}
.marketing-site .eyebrow { font-size: .75rem; letter-spacing: .12em; color: #766081; }
.marketing-site .section-heading h2 { font-size: clamp(2rem,3.3vw,3rem); font-weight: 550; letter-spacing: -.045em; text-wrap: balance; }
.marketing-site .page-hero h1 { font-size: clamp(2.8rem,5vw,4.8rem); line-height: 1.08; font-weight: 550; letter-spacing: -.05em; text-wrap: balance; }
.marketing-site :is(.page-hero h1,.closing-cta h2) em { font-family: var(--display); font-weight: 400; font-style: italic; color: var(--purple); letter-spacing: -.04em; }
.marketing-site .button { border-radius: 9px; border-color: #d8cdda; box-shadow: 0 6px 14px -10px #30233e55; }
.marketing-site .button.primary { background: var(--purple); border-color: var(--purple); color: white; box-shadow: 0 9px 20px -10px #61358060; }
.marketing-site .button.primary:hover { background: var(--purple-dark); }
.marketing-site .button:hover { transform: translateY(-1px); }
.marketing-site .site-header { background: #fbf9f7f5; border-bottom-color: #e8e1e9; }
.marketing-site .nav-wrap { min-height: 83px; gap: 28px; }
.marketing-site .logo { width: 94px; }
.marketing-site .logo img { height: auto; }
.marketing-site .nav-dropdown { border-radius: 12px; box-shadow: 0 20px 45px -15px #31233e35; }
.marketing-site .nav-dropdown a { padding-block: 12px; }
.marketing-site .home-hero {
  background: #292432;
  color: #fcf8ff;
  padding-top: 78px;
  border-bottom: 1px solid #413649;
}
.marketing-site .home-hero-grid { grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: 70px; }
.marketing-site .home-hero .eyebrow { color: #dcc3da; }
.marketing-site .home-hero .eyebrow-line { background: #d6a88d; width: 25px; }
.marketing-site .home-hero h1 { font-size: clamp(3.1rem,5vw,4.5rem); line-height: 1.06; letter-spacing: -.055em; white-space: normal; font-weight: 550; margin-top: 27px; }
.marketing-site .home-hero h1 > span,
.marketing-site .home-hero h1 > em { display: block; }
.marketing-site .home-hero h1 em { font-family: var(--display); font-weight: 400; font-style: italic; color: #e7c1b0; letter-spacing: -.045em; margin-top: 8px; }
.marketing-site .home-hero .lead { color: #dfd6e4; font-size: 1.1rem; line-height: 1.75; max-width: 520px; margin-top: 29px; }
.marketing-site .home-hero .hero-actions { flex-direction: row; align-items: center; gap: 24px; margin-top: 31px; }
.marketing-site .home-hero .hero-actions .button.primary { color: #352635; background: #e7c1b0; border-color: #e7c1b0; box-shadow: 0 9px 25px -10px #130b1980; }
.marketing-site .home-hero .hero-actions .button.primary:hover { background: #f3d6c7; }
.marketing-site .home-hero .hero-actions .text-link { color: #f1e7f8; font-size: .875rem; max-width: 155px; }
.marketing-site .home-hero .hero-note { color: #c7bccf; display: flex; gap: 10px; font-size: .875rem; line-height: 1.65; margin-top: 24px; max-width: 430px; }
.marketing-site .note-dash { color: #d6a88d; }
.hero-product { min-width: 0; }
.product-caption { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; color: #d9ccdF; font-size: .75rem; letter-spacing: .07em; }
.product-caption > span:last-child { font-family: var(--display); font-style: italic; font-size: 1.1rem; letter-spacing: 0; color: #e7c1b0; }
.marketing-site .network-preview { background: white; color: #302936; border-color: #e3dce8; border-radius: 17px; transform: none; box-shadow: 0 25px 60px -15px #140c1e50; }
.marketing-site .home-hero .network-preview { --ink: #302936; --muted: #6a6371; --line: #e5dfe7; --purple: #6f4b91; }
.marketing-site .preview-caption { color: #756b7d; font-size: .75rem; }
.marketing-site .preview-tabs button { font-size: .875rem; white-space: normal; }
.marketing-site .preview-pane { min-height: 365px; }
.marketing-site .preview-bottom { font-size: .75rem; flex-wrap: wrap; }
.marketing-site .preview-role-top p { color: #77618a; }
.marketing-site .preview-role-top h3 { color: #302936; line-height: 1.3; margin-block: 4px; }
.marketing-site .role-icon { color: #7d597f; background: #f0e8f2; border-radius: 10px; }
.marketing-site .split-visual { background: #faf8fc; }
.marketing-site .split-visual strong { color: #74568a; }
.marketing-site .split-bar i { background: #8c6ba3; }
.marketing-site .split-bar i + i { background: #d1a18a; }
.marketing-site .preview-person div span { font-size: .75rem; }
.marketing-site .example-caption { font-size: .75rem; color: #72677d; }
.marketing-site .home-hero .opportunity-strip { margin-top: 65px; border-top-color: #544459; padding-block: 27px; gap: 35px; }
.marketing-site .home-hero .opportunity-strip > a { color: #ddc3d8; align-items: flex-start; gap: 15px; }
.marketing-site .home-hero .opportunity-strip > a > span { color: #e7c1b0; }
.marketing-site .home-hero .opportunity-strip strong { color: #fff6ff; font-size: .975rem; }
.marketing-site .home-hero .opportunity-strip small { color: #cbbfd2; font-size: .875rem; margin-top: 3px; }
.marketing-site .home-hero .opportunity-strip > a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.marketing-site .intro-section > .section-heading { text-align: left; margin: 0; max-width: 740px; }
.marketing-site .intro-section > .section-heading > p { margin-inline: 0; }
.marketing-site .intro-section .three-ways { gap: 38px; margin-top: 44px; }
.marketing-site .intro-section .three-ways article { padding: 25px 0 0; border-top: 2px solid #d6bdd5; display: flex; flex-direction: column; }
.marketing-site .intro-section .three-ways article:nth-child(2) { border-color: #cdbeb6; }
.marketing-site .intro-section .three-ways article:nth-child(3) { border-color: #9d82aa; }
.marketing-site .intro-section .section-number { font-size: .75rem; letter-spacing: .09em; }
.marketing-site .intro-section .three-ways h3 { font-size: 1.65rem; font-weight: 550; letter-spacing: -.035em; line-height: 1.2; margin-top: 22px; }
.marketing-site .intro-section .three-ways p { font-size: 1rem; }
.marketing-site .intro-section .three-ways .text-link { padding-top: 22px; margin-top: auto; }
.marketing-site .network-story { background: #efe9ef; border-block: 1px solid #e0d7e2; padding-block: 80px; }
.marketing-site .story-grid { gap: 75px; }
.partnership-art { margin: 0; min-width: 0; }
.artwork-window { position: relative; overflow: hidden; isolation: isolate; border-radius: 18px; border: 1px solid #9d8bae; box-shadow: 0 24px 48px -24px #35234b55; }
.partnership-art img { width: 100%; height: auto; object-fit: contain; }
.partnership-art figcaption { padding: 19px 0 0; font-family: var(--display); font-size: 1.25rem; color: #49394e; line-height: 1.5; }
.partnership-art figcaption > span { display: block; font-family: TAPSans,Arial,sans-serif; font-size: .75rem; letter-spacing: .11em; color: #75637d; margin-bottom: 5px; }
.artwork-window:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg,transparent 32%,#f5eaff00 40%,#f5eaff22 49%,#fff2de0d 54%,transparent 64%); transform: translateX(-110%); animation: tap-art-shimmer 18s ease-in-out infinite; }
.artwork-glints { position: absolute; inset: 0; pointer-events: none; }
.artwork-glints span { position: absolute; color: #fff5d9; font-size: 16px; line-height: 1; opacity: 0; text-shadow: 0 0 8px #efcaff80; animation: tap-glint 11s ease-in-out infinite; }
.artwork-glints span:nth-child(1) { left: 53%; top: 37%; animation-delay: 1s; }
.artwork-glints span:nth-child(2) { left: 78%; top: 66%; font-size: 12px; animation-delay: 5s; }
.artwork-glints span:nth-child(3) { left: 21%; top: 27%; font-size: 13px; animation-delay: 8s; }
.marketing-site .button.primary { position: relative; overflow: hidden; isolation: isolate; }
.marketing-site .button.primary:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg,transparent 30%,#ffffff24 47%,transparent 64%); transform: translateX(-110%); }
.marketing-site .button.primary:hover:after,.marketing-site .button.primary:focus-visible:after { animation: tap-button-sheen .85s ease-out 1; }
@keyframes tap-art-shimmer { 0%,68% { transform: translateX(-110%); } 90%,100% { transform: translateX(110%); } }
@keyframes tap-glint { 0%,68%,100% { opacity: 0; transform: scale(.65); } 80% { opacity: .8; transform: scale(1); } 91% { opacity: 0; transform: scale(.8); } }
@keyframes tap-button-sheen { from { transform: translateX(-110%); } to { transform: translateX(110%); } }
@media (prefers-reduced-motion:reduce) { .artwork-glints,.artwork-window:after,.marketing-site .button.primary:after { display: none; } }
.marketing-site .check-list li { font-size: 1rem; }
.marketing-site .workspace-section { gap: 65px; }
.marketing-site .workspace-mini { border-color: #e0d6e6; border-radius: 14px; box-shadow: 0 20px 45px -20px #3e255b30; }
.marketing-site .mini-header > span { width: 50px; flex: 0 0 50px; }
.marketing-site .mini-header > span > img { width: 100%; height: auto; object-fit: contain; }
.marketing-site .mode-copy p { font-size: 1rem; }
.marketing-site .mode-selector button { font-size: .875rem; }
.marketing-site .audience-section { background: #39303f; padding-block: 83px; }
.audience-editorial { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.15fr); gap: 85px; align-items: start; }
.marketing-site .audience-section .eyebrow { color: #d8bbd7; }
.audience-note { font-family: var(--display); font-size: 1.3rem; line-height: 1.5; font-style: italic; color: #d1becf; margin-top: 25px; max-width: 300px; }
.audience-links > a { display: grid; grid-template-columns: 28px minmax(0,1fr) 25px; gap: 20px; padding: 28px 0; color: #fff; border-top: 1px solid #6c596f; }
.audience-links > a:last-child { border-bottom: 1px solid #6c596f; }
.audience-number { color: #ddc0b1; font-size: .75rem; margin-top: 5px; }
.audience-links h3 { font-size: 1.7rem; font-weight: 500; letter-spacing: -.035em; line-height: 1.2; }
.audience-links p { color: #d9cddd; font-size: 1rem; margin-top: 12px; }
.audience-arrow { color: #ddc0b1; font-size: 1.6rem; line-height: 1.2; }
.audience-links > a:hover h3 { color: #f5d8c8; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.marketing-site .directory-promo { gap: 85px; }
.marketing-site .profile-example { background: white; border-color: #e5d9e7; border-radius: 18px; box-shadow: 0 22px 45px -23px #4b30503b; }
.marketing-site .profile-example-banner { background: #6a4c71; height: 125px; }
.marketing-site .profile-example-banner span { color: #f1dcec; }
.marketing-site .profile-example-logo { background: #e5c8b8; color: #503758; border: 6px solid white; border-radius: 16px; font-family: var(--display); font-style: italic; font-weight: 400; font-size: 1.9rem; }
.marketing-site .profile-example-body h3 { font-size: 2rem; line-height: 1.15; font-weight: 500; }
.marketing-site .field-notes-section { border-top: 1px solid var(--line); }
.marketing-site .field-notes-section .guide-grid { gap: 35px; }
.marketing-site .field-notes-section .link-card { padding: 25px 0 0; border: 0; border-top: 1px solid #cdbed4; border-radius: 0; background: transparent; box-shadow: none; }
.marketing-site .field-notes-section .link-card:hover { transform: none; }
.marketing-site .field-notes-section .link-card:hover h3 { color: var(--purple); }
.marketing-site .field-notes-section .link-card h3 { font-size: 1.65rem; line-height: 1.2; font-weight: 500; }
.marketing-site .field-notes-section .link-card p { font-size: 1rem; }
.marketing-site .link-card { border-color: #e2d8e6; border-radius: 13px; box-shadow: 0 12px 28px -22px #3d2b4a40; }
.marketing-site .link-card:hover { transform: translateY(-2px); }
.marketing-site .closing-cta { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(240px,1fr); gap: 38px; padding: 55px; background: #eee5ed; border: 1px solid #e0d1e2; border-radius: 20px; box-shadow: 0 18px 40px -30px #49304850; }
.marketing-site .closing-cta h2 { font-size: clamp(2.3rem,3.6vw,3.5rem); font-weight: 550; letter-spacing: -.045em; line-height: 1.08; }
.marketing-site .closing-cta > div:last-child { justify-self: end; }
.marketing-site .closing-cta > div:last-child p { font-size: .875rem; }
.marketing-site .site-footer { background: #f5f1f4; }
.marketing-site .footer-brand p { font-family: var(--display); font-size: 2rem; font-weight: 400; line-height: 1.1; letter-spacing: -.03em; }
.marketing-site .footer-brand p em { color: var(--purple); }
.marketing-site .footer-top > div:not(:first-child) > a { font-size: .875rem; }
.marketing-site .page-hero { border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.marketing-site .page-hero.split-hero h1 { font-size: clamp(2.8rem,4.5vw,4.4rem); }
.marketing-site .about-hero-image { height: 410px; border-radius: 16px; box-shadow: var(--shadow); }
.marketing-site .plan-featured { background: #f0e7f3; border-color: #c7afd1; }
.marketing-site .enquiry-form { border-radius: 16px; }
.marketing-site :is(input,select,textarea) { font-size: 1rem; }
.marketing-site .enquiry-form label { font-size: .9375rem; }
.marketing-site .public-profile-card { background: white; border-radius: 16px; border-color: #e3d9e6; }
.marketing-site .public-banner { background: #6a4c71; }
.marketing-site .public-avatar { border-color: white; }
.marketing-site .profile-connect { background: #f3edf4; }

/* Original scenes repeat across relevant pages as a consistent visual identity. */
.network-art { min-width: 0; }
.network-art > img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; }
.audience-art { margin-top: 30px; max-width: 430px; border-color: #8e7499; border-radius: 14px; }
.audience-art .artwork-glints span:nth-child(1) { left: 63%; top: 36%; }
.audience-art .artwork-glints span:nth-child(2) { left: 23%; top: 52%; }
.marketing-site .profile-example-art { border: 0; border-bottom: 1px solid #e5d9e7; border-radius: 0; box-shadow: none; }
.marketing-site .profile-example-art > img { aspect-ratio: 2/1; object-fit: cover; object-position: center 45%; }
.profile-example-art .artwork-glints span:nth-child(1) { left: 76%; top: 28%; }
.profile-example-art .artwork-glints span:nth-child(2) { left: 34%; top: 70%; }
.directory-note-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(200px,300px); gap: 45px; align-items: center; margin-bottom: 30px; }
.directory-note-intro > h2 { font-size: 1.85rem; max-width: 490px; }
.directory-note-art { border-radius: 12px; }
.landing-art { border-radius: 16px; }
.marketing-site .split-hero:has(.landing-art) { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); }
.landing-art:after { animation-delay: 3s; }
.audience-art:after { animation-delay: 6s; }
.profile-example-art:after { animation-delay: 10s; }
.directory-note-art:after { animation-delay: 4s; }

/* Make the two audiences and commercial workflows clear on arrival. */
.marketing-site .conversion-hero { padding-top: 55px; }
.marketing-site .conversion-hero .home-hero-grid { grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: 65px; }
.marketing-site .conversion-hero h1 { font-size: clamp(3rem,4.6vw,4rem); }
.marketing-site .conversion-hero .lead { font-size: 1.075rem; max-width: 535px; }
.join-paths { display: grid; gap: 17px; min-width: 0; }
.join-path { --ink: #302936; --muted: #665a70; padding: 25px 28px; background: #fbf8fc; color: var(--ink); border: 1px solid #e3d4e9; border-radius: 14px; box-shadow: 0 12px 24px -17px #130b1970; }
.join-path.employer-path { background: #f8f0eb; border-color: #e4cfc3; }
.marketing-site .home-hero .join-path .eyebrow { font-size: .75rem; color: #735981; }
.join-path h2 { font-size: 1.6rem; font-weight: 600; letter-spacing: -.035em; line-height: 1.18; margin-top: 9px; }
.join-path > p:not(.eyebrow) { font-size: .975rem; line-height: 1.6; margin-top: 11px; }
.join-path .button { width: 100%; margin-top: 18px; min-height: 46px; padding-block: 11px; }
.join-path > .text-link { margin-top: 12px; font-size: .875rem; }
.join-path-note { display: grid; gap: 5px; color: #cfc1d7; font-size: .8125rem; line-height: 1.5; }
.marketing-site .conversion-hero .join-path-note > span { color: #e7c1b0; font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.marketing-site .conversion-hero .join-path-note > a { color: #fff6ff; font-size: .98rem; font-weight: 650; }
.marketing-site .conversion-hero .join-path-note > a:hover { color: #e7c1b0; text-decoration: underline; text-underline-offset: 4px; }
.join-path-note small { color: #cfc1d7; font-size: .8rem; }
.marketing-site .conversion-hero .opportunity-strip { margin-top: 45px; }
.brief-explainer { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 70px; align-items: center; }
.brief-preview { min-width: 0; }
.brief-preview .product-caption { color: #73617d; }
.brief-preview .product-caption > span:last-child { color: #875f69; }
.simple-steps { list-style: none; padding: 0; margin: 28px 0 0; }
.simple-steps li { display: flex; align-items: flex-start; gap: 17px; margin-top: 23px; }
.simple-steps li > span { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid #d7c5de; border-radius: 50%; background: #f0e8f3; color: #6f4b91; font-size: .875rem; font-weight: 650; }
.simple-steps h3 { font-size: 1.05rem; letter-spacing: -.015em; line-height: 1.4; }
.simple-steps p { font-size: .95rem; margin-top: 6px; line-height: 1.65; }
.marketing-site .network-story .hero-actions { gap: 20px; }
.marketing-site .network-story .hero-actions .text-link { font-size: .9rem; }
.marketing-site .directory-promo .small-note { margin-top: 22px; }
.marketing-site .directory-promo .small-note .text-link { font-size: .875rem; }
.marketing-site .closing-choices { width: 100%; max-width: 330px; display: grid; gap: 13px; }
.marketing-site .closing-choices p { margin-top: 2px; }
.closing-explanation { max-width: 450px; font-size: 1rem; margin-top: 20px; }

@media (max-width:1150px) {
  .marketing-site .conversion-hero .home-hero-grid,.brief-explainer { gap: 40px; }
  .marketing-site .conversion-hero h1 { font-size: 3.45rem; }
  .join-path { padding: 23px; }
  .marketing-site .home-hero-grid { gap: 40px; }
  .marketing-site .home-hero h1 { font-size: 3.6rem; }
  .marketing-site .preview-tabs { gap: 15px; padding-inline: 18px; }
  .marketing-site .preview-tabs button { font-size: .8125rem; }
  .marketing-site .story-grid,.audience-editorial { gap: 45px; }
  .marketing-site .intro-section .three-ways { gap: 27px; }
  .marketing-site .closing-cta { padding: 40px; }
}
@media (max-width:1000px) {
  .marketing-site .conversion-hero .home-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .marketing-site .conversion-hero h1 { font-size: clamp(3.1rem,6.5vw,4.2rem); }
  .join-paths { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 20px; }
  .join-path { display: flex; flex-direction: column; }
  .join-path .button { margin-top: auto; }
  .join-path > p:not(.eyebrow) { padding-bottom: 20px; }
  .join-path-note { grid-column: 1/-1; }
  .brief-explainer { grid-template-columns: 1fr; gap: 40px; }
  .brief-preview { max-width: 650px; width: 100%; }
  .marketing-site .split-hero:has(.landing-art) { grid-template-columns: 1fr; }
  .landing-art { max-width: 600px; }
  .audience-art { max-width: 500px; }
  .marketing-site .nav-wrap { min-height: 76px; }
  .marketing-site .site-header nav { background: #fbf9f7; }
  .marketing-site .home-hero { padding-top: 52px; }
  .marketing-site .home-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .marketing-site .home-hero h1 { font-size: clamp(3.2rem,7vw,4.5rem); }
  .hero-product { width: 100%; max-width: 640px; }
  .marketing-site .preview-bottom { flex-direction: row; align-items: center; }
  .marketing-site .preview-person .tag { margin-left: 0; }
  .marketing-site .home-hero .opportunity-strip { gap: 25px; }
  .marketing-site .intro-section .three-ways h3 { font-size: 1.45rem; }
  .marketing-site .story-grid { gap: 38px; }
  .marketing-site .workspace-section { gap: 40px; }
  .audience-editorial { grid-template-columns: 1fr; gap: 35px; }
  .audience-note { max-width: none; }
  .marketing-site .directory-promo { gap: 40px; }
  .marketing-site .closing-cta { grid-template-columns: 1fr; gap: 27px; }
  .marketing-site .closing-cta > div:last-child { justify-self: start; }
}
@media (max-width:760px) {
  .marketing-site .conversion-hero h1 { font-size: clamp(2.7rem,7.8vw,3.5rem); }
  .join-paths { grid-template-columns: 1fr; gap: 19px; }
  .join-path { padding: 25px; }
  .join-path .button { margin-top: 0; }
  .join-path h2 { font-size: 1.6rem; }
  .brief-explainer .hero-actions { gap: 22px; }
  .marketing-site .closing-choices { max-width: none; }
  .directory-note-intro { grid-template-columns: 1fr; gap: 24px; }
  .directory-note-art { max-width: 380px; }
  .marketing-site .home-hero h1 { font-size: clamp(2.8rem,8.4vw,3.8rem); }
  .marketing-site .home-hero .hero-actions { gap: 22px; }
  .marketing-site .home-hero .opportunity-strip { grid-template-columns: 1fr; gap: 25px; margin-top: 40px; }
  .marketing-site .intro-section .three-ways { grid-template-columns: 1fr; gap: 30px; }
  .marketing-site .intro-section .three-ways h3 { font-size: 1.7rem; }
  .marketing-site .network-story { padding-block: 55px; }
  .marketing-site .story-grid { grid-template-columns: 1fr; gap: 35px; }
  .marketing-site .audience-section { padding-block: 58px; }
  .audience-links > a { gap: 12px; grid-template-columns: 22px minmax(0,1fr) 24px; padding-block: 25px; }
  .audience-links h3 { font-size: 1.55rem; }
  .marketing-site .closing-cta { padding: 32px 26px; }
  .marketing-site .closing-cta h2 { font-size: clamp(2.1rem,7vw,3rem); }
  .marketing-site .closing-cta > div:last-child { margin-top: 0; }
  .marketing-site .page-hero h1,.marketing-site .page-hero.split-hero h1 { font-size: clamp(2.6rem,8vw,3.5rem); }
  .marketing-site .about-hero-image { height: auto; }
}
@media (max-width:410px) {
  .marketing-site .home-hero h1 { font-size: 2.65rem; }
  .marketing-site .home-hero .hero-actions { align-items: flex-start; flex-direction: column; }
  .marketing-site .home-hero .hero-actions .text-link { max-width: none; }
  .marketing-site .preview-tabs { padding-inline: 14px; gap: 13px; }
  .marketing-site .preview-bottom { flex-direction: column; align-items: flex-start; }
  .marketing-site .closing-cta { padding-inline: 23px; }
}
@media print {
  .marketing-site .home-hero,.marketing-site .audience-section { background: white; color: black; }
  .marketing-site .home-hero :is(h1,h1 em,.lead,.eyebrow,.hero-note),.marketing-site .audience-section :is(h2,h3,p),.audience-links > a { color: black; }
}

/* Pricing and free-to-trial path */
.marketing-site .plan-price{font-size:2rem;letter-spacing:-.04em}
.marketing-site .plan-price span{font-size:.82rem;letter-spacing:0}
.marketing-site .plan-note{font-size:.82rem;line-height:1.5;margin-top:12px}
.marketing-site .plan-areas{padding-block:82px 45px}
.marketing-site .plan-areas .section-heading{max-width:700px;margin-bottom:30px}
.marketing-site .plan-areas .section-heading h2{font-size:clamp(2rem,3vw,2.8rem);margin-top:10px}
.plan-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-area-grid article{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}
.plan-area-grid article>span{display:inline-block;color:var(--purple-dark);background:#f0e7fb;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}
.plan-area-grid h3{font-size:1.12rem;margin-top:15px;letter-spacing:-.02em}
.plan-area-grid p{font-size:.9rem;line-height:1.55;margin-top:8px}
.employer-plan{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;margin-block:35px;padding:30px;border-radius:16px;background:#f5f3f9;border:1px solid var(--line)}
.employer-plan h2{font-size:clamp(1.7rem,2.5vw,2.3rem);margin-top:7px}
.employer-plan>div>p:not(.eyebrow){margin-top:10px;max-width:700px}
.employer-plan>div:last-child{text-align:right}
.employer-plan .plan-note{margin-top:10px}
.pricing-note{padding-bottom:45px}
.pricing-note p{font-size:.75rem;color:var(--muted);line-height:1.45;margin-top:14px;padding:0;background:transparent;border:0}
@media(max-width:760px){.plan-area-grid{grid-template-columns:1fr 1fr}.employer-plan{grid-template-columns:1fr}.employer-plan>div:last-child{text-align:left}}
@media(max-width:520px){.plan-area-grid{grid-template-columns:1fr}.marketing-site .plan-areas{padding-block:55px 28px}.employer-plan{padding:22px}}
.seat-pricing{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:34px;margin-block:30px 62px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#f5f1fb}.seat-pricing h2{font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.25;margin-top:10px}.seat-pricing>div:first-child>p:last-child{margin-top:12px;max-width:650px}.seat-pricing-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seat-pricing-examples p{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:.86rem}.seat-pricing-examples strong{font-size:.95rem;margin-bottom:3px}.seat-pricing-examples span{color:var(--muted);line-height:1.45}.marketing-site .pricing-note p{margin-top:18px}
@media(max-width:760px){.seat-pricing{grid-template-columns:1fr;padding:23px;gap:20px}.seat-pricing-examples{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.seat-pricing-examples{grid-template-columns:1fr}}


/* Public guide finishing touches */
.article-content section{scroll-margin-top:110px}.article-content p{max-width:72ch}.guide-next{gap:28px}.guide-next .hero-actions{flex-shrink:0;flex-wrap:wrap}.guide-grid .link-card{height:100%;box-sizing:border-box}.marketing-site a:focus-visible,.marketing-site summary:focus-visible{outline:3px solid #7051c2;outline-offset:4px}@media(max-width:700px){.guide-next{align-items:flex-start;flex-direction:column}.guide-next .hero-actions{width:100%}.article-layout nav{position:static}.article-content section{scroll-margin-top:85px}.marketing-site .page-hero h1{overflow-wrap:normal;word-break:normal}.marketing-site .hero-actions{gap:14px}}

.feature-jump{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:24px}.feature-jump a{padding:10px 16px;border:1px solid #ddd4ec;border-radius:999px;background:#fff;color:#51416b;font-weight:600;text-decoration:none}.feature-jump a:hover,.feature-jump a:focus-visible{background:#f0eaf9;outline-offset:3px}.feature-group-title{scroll-margin-top:110px}

/* Slow ambient light gives the home hero depth without moving its content. */
.marketing-site .conversion-hero{position:relative;isolation:isolate;overflow:hidden}
.marketing-site .conversion-hero::before,.marketing-site .conversion-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-15%;background:radial-gradient(ellipse at 22% 35%,#9564c638 0,transparent 48%),radial-gradient(ellipse at 80% 65%,#d28eae20 0,transparent 44%);animation:tap-hero-drift 20s ease-in-out infinite alternate}
.marketing-site .conversion-hero::after{background:radial-gradient(ellipse at 65% 25%,#7857bc35 0,transparent 46%);animation-duration:27s;animation-direction:alternate-reverse}
@keyframes tap-hero-drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.09)}}
@media(prefers-reduced-motion:reduce){.marketing-site .conversion-hero::before,.marketing-site .conversion-hero::after{animation:none}}

.hero-shooting-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-shooting-stars i{position:absolute;top:12%;left:15%;width:64px;height:2px;background:linear-gradient(90deg,transparent,#c9b4ec90);opacity:0;transform:rotate(30deg);animation:tap-shooting-star 12s linear infinite}
.hero-shooting-stars i::after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;background:#e7d9fb;box-shadow:-3px 0 #c6a6e080}
.hero-shooting-stars i:nth-child(2){top:44%;left:58%;width:48px;animation-delay:-4s;animation-duration:15s}
.hero-shooting-stars i:nth-child(3){top:72%;left:7%;width:40px;animation-delay:-9s;animation-duration:17s}
.hero-shooting-stars i:nth-child(4){top:28%;left:40%;width:52px;animation-delay:-7s;animation-duration:14s}
.hero-shooting-stars i:nth-child(5){top:60%;left:68%;width:36px;animation-delay:-11s;animation-duration:19s}
@keyframes tap-shooting-star{0%,83%{opacity:0;transform:translate3d(0,0,0) rotate(30deg)}85%{opacity:.65}92%{opacity:0;transform:translate3d(240px,140px,0) rotate(30deg)}100%{opacity:0;transform:translate3d(240px,140px,0) rotate(30deg)}}
@media(max-width:700px){.hero-shooting-stars i:nth-child(5){display:none}}
@media(prefers-reduced-motion:reduce){.hero-shooting-stars{display:none}.hero-shooting-stars i{animation:none}}