/* Public-site Clay layer. Opt in per page. Keep process layout/copy intact;
   its captain-approved pipe treatment is isolated near the end of this file. */
.site-redesign .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-redesign .skip-link { position: fixed; left: 16px; top: -80px; z-index: 2000; padding: 10px 18px; background: var(--secondary); color: white; border-radius: 12px; }
.site-redesign .skip-link:focus { top: 10px; }
.site-redesign :is(.nav, .site-footer, .clay-section, .clay-hero, .blog-post, .faq-post, .legal-section, .contact-section, .cs-hero, .cs-article, .staticrypt-content) :focus-visible { outline: 3px solid #1765b5; outline-offset: 4px; }
.site-redesign [hidden] { display: none !important; }
.site-redesign .nav .container { max-width: 1200px; }
.site-redesign .nav { background: rgba(255,255,255,.97); }
.site-redesign .nav-links { gap: 28px; }
.site-redesign .nav-links a { font-size: 14px; }
.site-redesign .nav .logo { font-size: 24px; }
.site-redesign .nav .logo-icon-img { height: 44px; }
.site-redesign .nav .btn-primary { border-radius: 14px; }
.site-redesign .mobile-menu-toggle { margin-left: auto; }
.site-redesign .clay-section .container,
.site-redesign .clay-hero .container { max-width: 1200px; }
.site-redesign :is(.clay-hero, .clay-section, .site-footer, .contact-section) :is(.btn-primary, .btn-large) { border-radius: 14px; background: var(--primary-dark); box-shadow: 0 5px 12px rgba(224,79,0,.13); }
.site-redesign .clay-eyebrow { width: fit-content; }
.site-redesign .clay-hero .clay-eyebrow { margin-left: auto; margin-right: auto; }
.site-redesign .clay-eyebrow.org .pill { background: var(--primary-dark); }
.site-redesign .clay-eyebrow i { flex-shrink: 0; }
.site-redesign .clay-hero { padding-top: 70px; padding-bottom: 42px; }
.site-redesign .home-hero .clay-title { font-size: clamp(2.8rem, 5.5vw, 4.5rem); max-width: 22ch; }
.site-redesign .clay-title .a, .site-redesign .section-title .a { color: var(--primary-dark); }
.site-redesign .clay-sub { color: #52637d; }
.site-redesign .hero-actions { display: flex; align-items: center; justify-content: center; gap: 26px; margin-top: 28px; }
.site-redesign .text-link { font-weight: 600; color: var(--primary-dark); }
.site-redesign .text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.site-redesign .clay-stats { max-width: 960px; margin-top: 46px; }
.site-redesign .clay-stats .stat { border: 0; padding: 24px 28px; }
.site-redesign .proof-number { font: 600 2.2rem/1.15 var(--font-display); letter-spacing: -.05em; color: var(--primary-dark); }
.site-redesign .clay-stats .stat-label { color: #52637d; line-height: 1.6; }
.site-redesign .home-section { padding: 22px 0; background: white; }
.site-redesign .home-section::before,
.site-redesign .home-section::after { display: none; }
.site-redesign .home-section .section-title { max-width: 800px; margin: 0 0 24px; }
.site-redesign .home-section .section-subtitle { color: #52637d; margin-top: -12px; }
.site-redesign .home-section :is(.problem-grid,.services-grid,.why-grid) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 28px; }
.site-redesign .home-section :is(.results-grid,.playbooks-grid) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 28px; }
.site-redesign .home-section .clay-card { padding: 26px; border: 0; border-radius: 20px; text-align: left; background: white; box-shadow: var(--clay-shadow); }
.site-redesign .home-section .clay-card::before,
.site-redesign .home-section .clay-card::after { display: none; }
.site-redesign .home-section .clay-card + .clay-card { border: 0; }
.site-redesign .home-section .clay-card h3 { color: var(--secondary); font-size: 1.15rem; line-height: 1.35; margin: 0 0 10px; }
.site-redesign .home-section .clay-card p { font-size: .94rem; line-height: 1.7; color: #52637d; }
.site-redesign .home-section :is(.problem-icon-wrapper,.why-icon-wrapper,.playbook-icon-wrapper) { width: 52px; height: 52px; border-radius: 15px; background: var(--clay-peach); margin: 0 0 22px; }
.site-redesign .home-section :is(.problem-icon,.why-icon,.playbook-icon) { width: 36px; height: 36px; margin: 0; }
.site-redesign .home-section :is(.problem-icon,.why-icon,.playbook-icon) img { width: 100%; height: 100%; }
.site-redesign .home-section .service-number { font-size: .8rem; letter-spacing: .14em; color: var(--primary-dark); margin: 0 0 22px; }
.site-redesign .home-section .service-stat { background: var(--clay-peach); border: 0; border-radius: 12px; padding: 12px 14px; color: var(--primary-dark); margin-top: 20px; font-size: .8rem; line-height: 1.6; }
.site-redesign .home-section .result-client { color: var(--secondary); font: 600 1.5rem var(--font-display); margin-bottom: 5px; }
.site-redesign .home-section .result-subtitle { color: var(--primary-dark); font-size: .8rem; margin-bottom: 20px; }
.site-redesign .home-section .result-description { color: #52637d; font-size: .94rem; }
.site-redesign .home-section .result-features { border-top: 1px solid var(--border); padding-top: 20px; margin-top: 20px; }
.site-redesign .home-section .result-features li { font-size: .9rem; color: #52637d; }
.site-redesign .home-section .cta-content { text-align: left; max-width: none; }
.site-redesign .home-section .cta-content p { color: #52637d; max-width: 660px; font-size: 1.05rem; margin: 0 0 24px; }
.site-redesign .home-section .cta-content h2 { color: var(--secondary); }

/* Footer is a single quiet panel with a useful link hierarchy. */
.site-redesign .site-footer { padding: 38px 0 24px; background: white; color: var(--secondary); border: 0; }
.site-redesign .site-footer .container { max-width: 1200px; }
.site-redesign .footer-panel { background: var(--clay-cream); border-radius: 28px; padding: 44px 48px 24px; }
.site-redesign .footer-topline { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding-bottom: 36px; border-bottom: 1px solid #ddddd7; }
.site-redesign .footer-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .7rem; font-weight: 700; margin-bottom: 16px; }
.site-redesign .footer-topline h2 { font-size: clamp(2rem,3.4vw,2.8rem); line-height: 1.1; letter-spacing: -.035em; margin: 0; }
.site-redesign .footer-topline h2 span { color: var(--primary-dark); }
.site-redesign .site-footer .footer-content { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; margin: 36px 0; }
.site-redesign .site-footer .logo { color: var(--secondary); font-size: 21px; }
.site-redesign .site-footer .logo-icon-img { height: 36px; }
.site-redesign .site-footer .footer-brand p { font-size: .85rem; color: #52637d; margin-top: 16px; line-height: 1.75; }
.site-redesign .site-footer .footer-links { display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; }
.site-redesign .site-footer .footer-column h3 { text-transform: uppercase; letter-spacing: .12em; font: 600 .7rem var(--font-primary); margin: 0 0 18px; color: var(--secondary); }
.site-redesign .site-footer .footer-column a { color: #52637d; font-size: .85rem; margin: 0 0 10px; overflow-wrap: anywhere; }
.site-redesign .site-footer .footer-column a:hover { color: var(--primary-dark); text-decoration: underline; text-underline-offset: 4px; }
.site-redesign .site-footer .footer-bottom { border-top: 1px solid #ddddd7; padding: 20px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #52637d; text-align: left; font-size: .75rem; }
.site-redesign .footer-bottom > div { display: flex; gap: 22px; }
.site-redesign .footer-bottom a { color: #52637d; }

/* Resource collection: one card per published resource, results come first. */
.site-redesign .resource-hero .clay-title { max-width: none; }
.site-redesign #resources { scroll-margin-top: 110px; }
.site-redesign .resource-controls { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0 24px; }
.site-redesign .filter-container { display: flex; flex-wrap: wrap; gap: 6px; }
.site-redesign .filter-btn { font: 600 .82rem var(--font-primary); cursor: pointer; background: var(--clay-cream); color: #52637d; padding: 12px 16px; border: 0; border-radius: 999px; min-height: 44px; }
.site-redesign .filter-btn.active { color: white; background: var(--secondary); }
.site-redesign .filter-btn:hover { box-shadow: inset 0 0 0 1px #8894a5; }
.site-redesign .search-container { position: relative; flex: 0 1 280px; }
.site-redesign .search-container svg { position: absolute; left: 14px; top: 14px; color: #52637d; pointer-events: none; }
.site-redesign .search-input { width: 100%; min-height: 48px; border: 1px solid var(--border); border-radius: 14px; padding: 12px 12px 12px 42px; font: 1rem var(--font-primary); background: white; }
.site-redesign .resource-count { font-size: .78rem; color: #52637d; margin-bottom: 16px; }
.site-redesign .topic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.site-redesign .topic-card { padding: 30px; border: 0; border-radius: 22px; box-shadow: none; background: var(--clay-cream); }
.site-redesign .topic-card:hover { transform: translateY(-3px); box-shadow: var(--clay-shadow); }
.site-redesign .topic-card:focus-within { outline: 3px solid #1765b5; outline-offset: 4px; }
.site-redesign .topic-card h2 { font-size: 1.55rem; line-height: 1.25; margin: 22px 0 14px; letter-spacing: -.025em; }
.site-redesign .topic-card h2 a { color: var(--secondary); }
.site-redesign .topic-card h2 a::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.site-redesign .topic-card h2 a:focus-visible { outline: none; }
.site-redesign .topic-card p { font-size: .94rem; line-height: 1.7; color: #52637d; }
.site-redesign .resource-card-top { display: flex; align-items: center; justify-content: space-between; min-height: 34px; gap: 20px; }
.site-redesign .resource-type-badge { padding: 6px 12px; background: white; border-radius: 999px; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.site-redesign .resource-logo { max-height: 30px; max-width: 130px; object-fit: contain; }
.site-redesign .card-meta { display: flex; flex-wrap: wrap; gap: 18px; font-size: .75rem; color: #52637d; margin-top: 22px; }
.site-redesign .resource-read { display: block; margin-top: 24px; font-size: .85rem; font-weight: 600; color: var(--primary-dark); }
.site-redesign .resource-feature { grid-column: 1 / -1; display: grid; grid-template-columns: 1.35fr 1fr; background: var(--clay-blue); gap: 42px; padding: 38px; }
.site-redesign .resource-feature h2 { font-size: clamp(1.8rem,3vw,2.4rem); max-width: 23ch; }
.site-redesign .resource-result { border-radius: 20px; background: white; box-shadow: var(--clay-shadow); padding: 32px; display: flex; justify-content: center; flex-direction: column; }
.site-redesign .resource-result strong { font: 600 clamp(3rem,6vw,5.2rem)/1.1 var(--font-display); color: var(--primary-dark); letter-spacing: -.05em; }
.site-redesign .resource-result span { font-size: 1.05rem; margin-top: 14px; color: var(--secondary); }
.site-redesign .resource-result small { font-size: .75rem; color: #52637d; margin-top: 40px; }
.site-redesign .resource-empty h2 { font-size: 1.6rem; margin-bottom: 10px; }
.site-redesign .resource-empty .btn-primary { margin-top: 24px; }

/* Shared reading layouts. Article sources contain content, not a second theme. */
.site-redesign :is(.blog-post,.faq-post) { padding: 40px 0; background: white; }
.site-redesign :is(.blog-post,.faq-post) > .container { max-width: 1100px; }
.site-redesign :is(.blog-header,.faq-header) { max-width: none; background: var(--clay-blue); padding: 44px 48px; border: 0; border-radius: 28px; text-align: left; margin: 24px 0 46px; }
.site-redesign :is(.blog-title,.faq-title) { font-size: clamp(2rem,4.2vw,3.4rem); line-height: 1.12; letter-spacing: -.035em; color: var(--secondary); margin: 0; }
.site-redesign :is(.blog-meta,.faq-meta) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 14px; margin-bottom: 24px; font-size: .82rem; color: #52637d; }
.site-redesign .blog-meta-item { display: flex; align-items: center; gap: 8px; }
.site-redesign .category-badge { display: inline-block; background: var(--secondary); color: white; border-radius: 999px; padding: 6px 12px; font-size: .7rem; font-weight: 600; }
.site-redesign .blog-subtitle { font-size: 1.06rem; line-height: 1.6; color: #52637d; margin-top: 18px; }
.site-redesign :is(.blog-content,.faq-content) { max-width: 760px; margin: auto; color: #34445a; font-size: 1.04rem; line-height: 1.85; overflow-wrap: anywhere; }
.site-redesign :is(.blog-content,.faq-content) :is(h2,h3) { color: var(--secondary); line-height: 1.25; letter-spacing: -.02em; }
.site-redesign :is(.blog-content,.faq-content) h2 { font-size: 1.8rem; margin: 52px 0 24px; }
.site-redesign :is(.blog-content,.faq-content) h3 { font-size: 1.4rem; margin: 32px 0 16px; }
.site-redesign :is(.blog-content,.faq-content) > h2::before { content: ''; display: block; width: 38px; height: 8px; margin-bottom: 16px; border: 2px solid #d38a58; border-radius: 4px; background: linear-gradient(180deg,#ffe0bf 0 45%,#edb182 45%); }
.site-redesign :is(.blog-content,.faq-content) p { margin-bottom: 24px; }
.site-redesign :is(.blog-content,.faq-content) :is(ul,ol) { margin: 20px 0 28px; padding-left: 24px; }
.site-redesign :is(.blog-content,.faq-content) li { margin-bottom: 10px; }
.site-redesign :is(.blog-content,.faq-content) strong { color: var(--secondary); font-weight: 600; }
.site-redesign :is(.blog-content,.faq-content) a { color: var(--primary-dark); text-decoration: underline; text-underline-offset: 3px; }
.site-redesign :is(.blog-content,.faq-content) code { padding: 3px 6px; border-radius: 6px; background: var(--clay-cream); color: var(--secondary); font: .88em/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.site-redesign :is(.blog-content,.faq-content) pre { max-width: 100%; overflow-x: auto; padding: 24px; margin: 28px 0; border: 1px solid #e5e3db; border-radius: 18px; background: var(--clay-cream); }
.site-redesign :is(.blog-content,.faq-content) pre code { padding: 0; border-radius: 0; background: transparent; white-space: pre; }
.site-redesign :is(.blog-content,.faq-content) table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: .92rem; }
.site-redesign :is(.blog-content,.faq-content) :is(th,td) { padding: 14px 16px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.site-redesign :is(.blog-content,.faq-content) th { background: var(--clay-blue); color: var(--secondary); font-weight: 600; }
.site-redesign :is(.blog-content,.faq-content) tbody tr:nth-child(even) { background: var(--clay-cream); }
.site-redesign :is(.blog-content,.faq-content) tbody tr:last-child td { border-bottom: 0; }
.site-redesign :is(.blog-content,.faq-content) .callout { padding: 24px; margin: 28px 0; border-left: 4px solid var(--primary); border-radius: 0 18px 18px 0; background: var(--clay-blue); }
.site-redesign .callout p:last-child { margin-bottom: 0; }
.site-redesign .metric-highlight { display: inline-block; padding: 3px 10px; border-radius: 8px; background: var(--primary-dark); color: white; font-weight: 600; }
.site-redesign .back-link { display: inline-flex; align-items: center; gap: 8px; color: #52637d; font-size: .82rem; font-weight: 500; margin-bottom: 24px; }
.site-redesign .back-link:hover { color: var(--primary-dark); text-decoration: underline; text-underline-offset: 3px; }
.site-redesign .video-container { position: relative; aspect-ratio: 16/9; overflow: hidden; margin: 32px 0; border: 1px solid var(--border); border-radius: 18px; background: var(--clay-cream); box-shadow: var(--clay-shadow); }
.site-redesign .video-container iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.site-redesign .provider-table-wrap { margin: 28px 0 40px; }
.site-redesign .provider-table td:first-child { font-weight: 600; white-space: nowrap; }
.site-redesign .provider-table a { overflow-wrap: anywhere; }
.site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) { background: white; padding: 22px 32px; margin-top: 32px; }
.site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) > .container { background: var(--clay-peach); padding: 40px; border-radius: 28px; max-width: 1036px; text-align: left; }
.site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) h2 { font-size: 2rem; color: var(--secondary); }
.site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) p { color: #52637d; font-size: 1rem; margin-bottom: 24px; }
.site-redesign .legal-hero { background: white; text-align: center; }
.site-redesign .legal-hero .clay-title { font-size: clamp(2.6rem,5vw,3.8rem); color: var(--secondary); margin-bottom: 20px; max-width: none; }
.site-redesign .legal-hero p { max-width: 640px; margin: auto; font-size: 1rem; color: #52637d; }
.site-redesign .legal-updated { font-size: .9rem; color: #52637d; }
.site-redesign .legal-section { padding: 12px 32px 40px; background: white; }
.site-redesign .legal-container { max-width: 900px; margin: auto; border-radius: 28px; padding: 36px 52px; background: var(--clay-cream); color: #34445a; line-height: 1.7; overflow-wrap: anywhere; }
.site-redesign .legal-container h2 { font-size: 1.4rem; color: var(--secondary); margin: 40px 0 12px; }
.site-redesign .legal-container h3 { font-size: 1.05rem; color: var(--secondary); margin: 24px 0 8px; }
.site-redesign .legal-container p { margin-bottom: 16px; }
.site-redesign .legal-container ul { margin: 0 0 16px 20px; padding: 0; }
.site-redesign .legal-container li { margin-bottom: 8px; }
.site-redesign .legal-container a { color: var(--primary-dark); text-decoration: underline; text-underline-offset: 3px; }
.site-redesign .legal-container table { display: block; width: 100%; overflow-x: auto; max-width: 100%; border-collapse: collapse; margin: 8px 0 24px; font-size: .95rem; }
.site-redesign .legal-container :is(th,td) { border: 1px solid var(--border); padding: 10px 12px; text-align: left; vertical-align: top; }
.site-redesign .legal-container th { background: var(--clay-blue); color: var(--secondary); font-weight: 600; }
.site-redesign .contact-section { padding: 16px 0 40px; }
.site-redesign .contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; max-width: 1100px; gap: 24px; align-items: start; }
.site-redesign .contact-aside h2 { font-size: 2rem; letter-spacing: -.03em; margin-bottom: 24px; }
.site-redesign .contact-aside p, .site-redesign .contact-aside li { font-size: .94rem; color: #52637d; }
.site-redesign .contact-aside ol { padding-left: 22px; margin: 28px 0; }
.site-redesign .contact-aside li { padding: 8px 0; }
.site-redesign .contact-aside .text-link { font-size: .86rem; overflow-wrap: anywhere; }
.site-redesign .form-container { border-radius: 28px; padding: 24px; background: var(--clay-cream); }
.site-redesign .form-container iframe { border: 0; }
.site-redesign .form-fallback { font-size: .78rem; color: #52637d; margin-top: 14px; }
.site-redesign .nf-wrap { min-height: 62vh; display: flex; align-items: center; padding: 48px 0; }
.site-redesign .nf { max-width: none; padding: 64px; text-align: left; }
.site-redesign .nf .code { font: 700 5rem/1 var(--font-display); color: var(--primary-dark); }
.site-redesign .nf h1 { font-size: 1.6rem; margin: 14px 0 10px; }
.site-redesign .nf p { color: #52637d; margin-bottom: 24px; }

/* Consio: same evidence and chart, in the shared panel language. */
.site-redesign.cs .cs-hero { background: white; color: var(--secondary); padding: 34px 32px 22px; }
.site-redesign.cs .cs-hero > .cs-container { background: var(--clay-blue); padding: 44px 48px; border-radius: 28px; }
.site-redesign.cs .cs-hero-back { color: #52637d; margin-bottom: 32px; }
.site-redesign.cs .cs-hero-top-rule { display: none; }
.site-redesign.cs .cs-hero-top .cs-kicker { background: var(--secondary); color: white; padding: 7px 14px; border-radius: 999px; }
.site-redesign.cs .cs-hero-top .cs-kicker-num { color: #cad2e0; }
.site-redesign.cs .cs-hero h1.cs-hero-title { color: var(--secondary); font-size: clamp(2.2rem,4.5vw,3.7rem); max-width: 29ch; }
.site-redesign.cs .cs-hero-title em { color: var(--primary-dark); }
.site-redesign.cs :is(.cs-hero-lede,.cs-client-mark-label,.cs-hero-meta-item .label) { color: #52637d; }
.site-redesign.cs .cs-hero-meta-item .value { color: var(--secondary); }
.site-redesign.cs .cs-hero-meta { border-color: #d6e0ec; }
.site-redesign.cs .cs-hero-logo { filter: none; height: 45px; }
.site-redesign.cs .cs-client-mark { margin: 30px 0; }
.site-redesign.cs .cs-stats { background: white; border: 0; padding: 0 32px 22px; }
.site-redesign.cs .cs-stats-grid { gap: 14px; }
.site-redesign.cs .cs-stat { background: var(--clay-cream); border: 0; border-radius: 20px; padding: 24px; }
.site-redesign.cs .cs-stat + .cs-stat { border: 0; }
.site-redesign.cs .cs-stat-number { font-size: 2.8rem; color: var(--primary-dark); }
.site-redesign.cs .cs-article { padding: 44px 0; }
.site-redesign.cs .cs-section-head .cs-kicker { display: inline-block; background: var(--clay-blue); color: var(--secondary); padding: 7px 14px; border-radius: 999px; }
.site-redesign.cs .cs-section-head { border: 0; }
.site-redesign.cs .cs-strategy { background: var(--clay-cream); border-radius: 24px; padding: 8px 28px; }
.site-redesign.cs .cs-quote { background: var(--clay-blue); border: 0; border-radius: 24px; padding: 36px; }
.site-redesign.cs .cs-quote-body { color: var(--secondary); }
.site-redesign.cs .cs-quote-role { color: #52637d; }
.site-redesign.cs .pf-chart { background: var(--clay-cream); border: 0; border-radius: 24px; padding: 28px; }
.site-redesign.cs .cs-cta { background: white; padding: 22px 32px; }
.site-redesign.cs .cs-cta-inner { border: 0; border-radius: 28px; padding: 44px; background: var(--clay-peach); }
.site-redesign.cs .cs-cta h2 { color: var(--secondary); }
.site-redesign.cs .cs-cta p { color: #52637d; }
.site-redesign.cs .cs-cta .cs-cta-link { color: var(--primary-dark); }

/* The briefing password screen retains its gate; decryption replaces the document. */
.site-redesign.staticrypt-body { height: auto; }
.site-redesign .staticrypt-content { height: auto; background: white; font-family: var(--font-primary); padding: 44px 24px 20px; margin: 0; }
.site-redesign .staticrypt-page { width: 100%; max-width: 640px; padding: 0; margin: auto; }
.site-redesign .staticrypt-form { background: var(--clay-blue); padding: 44px; border-radius: 28px; box-shadow: none; text-align: left; }
.site-redesign .staticrypt-instructions { margin: 0 0 22px; }
.site-redesign .staticrypt-title { color: var(--secondary); font: 600 2.25rem/1.15 var(--font-display); letter-spacing: -.03em; margin: 22px 0; }
.site-redesign .staticrypt-instructions > p { color: #52637d; font-size: .94rem; }
.site-redesign .staticrypt-hr { display: none; }
.site-redesign .staticrypt-form input[type=password], .site-redesign .staticrypt-form input[type=text] { border: 1px solid #c4cfdd; border-radius: 12px; background: white; font-family: var(--font-primary); }
.site-redesign .staticrypt-form .staticrypt-decrypt-button { border-radius: 12px; background: var(--primary-dark); font-family: var(--font-primary); }

@media (max-width: 1000px) {
    .site-redesign .nav .logo { font-size: 21px; }
    .site-redesign .nav-links { gap: 18px; }
    .site-redesign .home-section :is(.problem-grid,.services-grid,.why-grid) { grid-template-columns: 1fr; }
    .site-redesign .home-section :is(.results-grid,.playbooks-grid) { grid-template-columns: 1fr; }
    .site-redesign .resource-controls { align-items: stretch; flex-direction: column; }
    .site-redesign .search-container { flex-basis: auto; }
}
@media (max-width: 768px) {
    .site-redesign .nav .container { padding-left: 20px; padding-right: 20px; }
    .site-redesign .nav .logo { font-size: 20px; gap: 10px; }
    .site-redesign .nav .logo-icon-img { height: 36px; }
    .site-redesign .nav-links { gap: 4px; padding: 18px 20px; }
    .site-redesign .nav-links a { padding: 12px; }
    .site-redesign .clay-hero { padding: 44px 0 26px; }
    .site-redesign .clay-hero .container, .site-redesign .clay-section .container, .site-redesign .site-footer .container { padding-left: 20px; padding-right: 20px; }
    .site-redesign .clay-eyebrow .pill { font-size: 10px; letter-spacing: .09em; padding: 6px 12px; }
    .site-redesign .clay-hero .clay-eyebrow .pill { font-size: 10px; }
    .site-redesign .home-hero .clay-title { font-size: clamp(2.3rem,9.5vw,3.4rem); }
    .site-redesign .hero-actions { flex-direction: column; gap: 18px; }
    .site-redesign .hero-actions .btn-large { font-size: .95rem; padding: 16px 24px; }
    .site-redesign .clay-sub { font-size: 1rem; }
    .site-redesign .clay-stats { grid-template-columns: 1fr; gap: 12px; margin-top: 30px; }
    .site-redesign .clay-stats .stat { display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 14px; padding: 20px; }
    .site-redesign .proof-number { font-size: 1.9rem; }
    .site-redesign .clay-stats .stat-label { font-size: .75rem; margin: 0; }
    .site-redesign .home-section .clay-card { padding: 24px; }
    .site-redesign .clay-panel { padding: 28px 22px; }
    .site-redesign .home-section .section-title { font-size: 1.9rem; }
    .site-redesign .footer-panel { padding: 30px 24px 22px; border-radius: 24px; }
    .site-redesign .footer-topline { align-items: start; flex-direction: column; gap: 24px; }
    .site-redesign .site-footer .footer-content { grid-template-columns: 1fr; gap: 32px; }
    .site-redesign .site-footer .footer-links { grid-template-columns: 1fr; gap: 24px; }
    .site-redesign .site-footer .footer-bottom { align-items: start; flex-direction: column; gap: 12px; }
    .site-redesign .filter-btn { font-size: .75rem; padding: 12px; }
    .site-redesign .topic-grid { grid-template-columns: 1fr; }
    .site-redesign .topic-card { padding: 24px; }
    .site-redesign .resource-feature { grid-template-columns: 1fr; gap: 24px; }
    .site-redesign .resource-result { padding: 28px; }
    .site-redesign .resource-result small { margin-top: 24px; }
    .site-redesign .resource-hero .clay-title { font-size: 2.6rem; }
    .site-redesign :is(.blog-post,.faq-post) > .container { padding: 0 20px; }
    .site-redesign :is(.blog-header,.faq-header) { padding: 28px 24px; border-radius: 22px; margin-bottom: 28px; }
    .site-redesign :is(.blog-content,.faq-content) { font-size: 1rem; }
    .site-redesign :is(.blog-content,.faq-content) h2 { font-size: 1.6rem; }
    .site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) { padding: 16px 20px; }
    .site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) > .container { padding: 28px 24px; }
    .site-redesign .legal-section { padding: 12px 20px 28px; }
    .site-redesign .legal-container { padding: 28px 24px; border-radius: 22px; }
    .site-redesign .legal-container :is(table,thead,tbody,th,td,tr) { display: block; }
    .site-redesign .legal-container thead { display: none; }
    .site-redesign .legal-container tr { padding: 12px; margin-bottom: 16px; border: 1px solid var(--border); border-radius: 12px; background: white; }
    .site-redesign .legal-container td { padding: 7px 0; border: 0; border-bottom: 1px solid var(--border); }
    .site-redesign .legal-container td:last-child { border-bottom: 0; }
    .site-redesign .contact-layout { grid-template-columns: 1fr; padding: 0 20px; }
    .site-redesign .form-container { padding: 20px; }
    .site-redesign .nf { padding: 32px 24px; }
    .site-redesign.cs :is(.cs-hero,.cs-stats,.cs-cta) { padding-left: 20px; padding-right: 20px; }
    .site-redesign.cs .cs-hero > .cs-container { padding: 28px 24px; }
    .site-redesign.cs .cs-stats > .cs-container { padding: 0; }
    .site-redesign.cs .cs-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .site-redesign.cs .cs-stat { padding: 20px; }
    .site-redesign.cs .cs-stat-number { font-size: 1.8rem; }
    .site-redesign.cs .cs-stat-label { font-size: .6rem; }
    .site-redesign.cs .cs-stat-desc { font-size: .75rem; }
    .site-redesign.cs .cs-hero h1.cs-hero-title { font-size: 2.2rem; }
    .site-redesign.cs .cs-strategy { padding: 4px 20px; }
    .site-redesign.cs :is(.cs-quote,.pf-chart,.cs-cta-inner) { padding: 24px; }
    .site-redesign.cs .cs-cta > .cs-container { padding: 0; }
    .site-redesign .staticrypt-content { padding: 28px 20px; }
    .site-redesign .staticrypt-form { padding: 28px 24px; }
    .site-redesign .staticrypt-title { font-size: 1.9rem; }
}
@media (min-width: 901px) {
    .site-redesign .home-hero .clay-stats { grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 1100px; }
}
/* Neutralize legacy dark-section colors inside the new light panels. */
.site-redesign .home-section .section-title { color: var(--secondary); }
.site-redesign .home-section .service-number { position: static; width: auto; height: auto; display: block; background: none; border-radius: 0; box-shadow: none; transform: none; }
.site-redesign .home-section .why-icon-wrapper { display: flex; }
.site-redesign :is(.home-section,.site-footer,main > .cta) :is(a.btn-large,a.btn-primary) { color: white; }
.site-redesign :is(.newsletter-cta, main > .cta:not(.home-section)) :is(.btn-primary,.btn-large) { background: var(--primary-dark); color: white; border-radius: 14px; }
.site-redesign .newsletter-cta .btn-primary { margin-top: 22px; }

/* Pipeline Factory craft pass: quieter composition, original modular graphics. */
.site-redesign .home-hero-layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: center; text-align: left; }
.site-redesign .home-hero-copy .clay-eyebrow { margin-left: 0; }
.site-redesign .home-hero .clay-title { text-align: left; margin: 0; font-size: clamp(2.8rem,4.3vw,4.1rem); }
.site-redesign .home-hero .clay-sub { margin: 22px 0 0; font-size: 1.03rem; max-width: 510px; }
.site-redesign .home-hero .hero-actions { justify-content: flex-start; gap: 22px; }
.site-redesign .home-hero .hero-actions .btn-large { padding: 16px 22px; font-size: .92rem; }
.site-redesign .hero-build { margin: 0; }
.site-redesign .hero-build img { display: block; width: 100%; height: auto; }
.site-redesign .home-hero .clay-stats { margin-top: 44px; border-top: 1px solid #e6e9e5; padding-top: 28px; gap: 0; }
.site-redesign .home-hero .clay-stats .stat { box-shadow: none; border-radius: 0; padding: 4px 24px; }
.site-redesign .home-hero .clay-stats .stat + .stat { border-left: 1px solid #e6e9e5; }
.site-redesign .home-hero .proof-number { font-size: 2rem; }
.site-redesign #problem .clay-panel, .site-redesign #why-pipeline .clay-panel { background: white; padding-top: 38px; padding-bottom: 38px; }
.site-redesign #problem .clay-card, .site-redesign #why-pipeline .clay-card { box-shadow: none; padding-left: 0; padding-right: 22px; }
.site-redesign #problem .clay-card:hover, .site-redesign #why-pipeline .clay-card:hover { transform: none; }
.site-redesign #problem .clay-card + .clay-card, .site-redesign #why-pipeline .clay-card + .clay-card { border-left: 1px solid #e6e9e5; padding-left: 26px; }
.site-redesign .block-icon { width: 48px; height: 48px; fill: none; stroke: currentColor; color: var(--primary-dark); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.site-redesign .home-section :is(.problem-icon-wrapper,.why-icon-wrapper,.playbook-icon-wrapper) { background: none; width: 48px; height: 48px; }
.site-redesign .home-section :is(.problem-icon,.why-icon,.playbook-icon) { width: 48px; height: 48px; }
.site-redesign .home-section :is(.problem-icon,.why-icon,.playbook-icon) .block-icon { width: 48px; height: 48px; }
.site-redesign .signal-story { padding: 54px 0; }
.site-redesign .story-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: end; margin-bottom: 30px; }
.site-redesign .story-heading .section-title { margin: 0; }
.site-redesign .story-heading > p { color: #52637d; font-size: .98rem; margin-bottom: 5px; max-width: 390px; }
.site-redesign .signal-options { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.site-redesign .signal-option { background: white; color: #52637d; border: 1px solid #dfe5e7; border-radius: 10px; padding: 12px 16px; font: 500 .84rem var(--font-primary); cursor: pointer; }
.site-redesign .signal-option.active { background: var(--secondary); color: white; border-color: var(--secondary); }
.site-redesign .signal-option:focus-visible { outline: 3px solid #1765b5; outline-offset: 3px; }
.site-redesign .story-flow { display: grid; grid-template-columns: .85fr 68px 1.25fr; align-items: stretch; }
.site-redesign .story-context, .site-redesign .story-message { background: var(--clay-blue); border-radius: 24px; padding: 32px; }
.site-redesign .story-message { background: var(--clay-cream); }
.site-redesign .story-step { display: block; font-size: .67rem; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; color: #52637d; margin-bottom: 24px; }
.site-redesign .story-context .block-icon { margin-bottom: 12px; }
.site-redesign .story-context h3 { font-size: 1.55rem; letter-spacing: -.025em; line-height: 1.25; }
.site-redesign .story-context p { color: #52637d; font-size: .92rem; line-height: 1.75; margin-bottom: 22px; }
.site-redesign .context-tag { font-size: .7rem; color: #52637d; border-top: 1px solid #d5dfea; padding-top: 14px; display: block; }
.site-redesign .message-subject { font-weight: 600; font-size: .9rem; margin-bottom: 12px; }
.site-redesign .story-message blockquote { background: white; border-radius: 14px; padding: 22px; font-size: .95rem; line-height: 1.8; color: #52637d; margin: 0; }
.site-redesign .story-handoff { display: flex; align-items: start; gap: 14px; margin-top: 26px; }
.site-redesign .story-handoff .block-icon { width: 34px; height: 34px; flex-shrink: 0; color: #51875e; }
.site-redesign .story-handoff strong { display: block; font-size: .72rem; color: #375940; margin-bottom: 6px; }
.site-redesign .story-handoff span { display: block; font-size: .82rem; color: #52637d; }
.site-redesign .story-pipe { align-self: center; height: 16px; position: relative; background: #efbb9c; border-top: 3px solid #fbdcc8; border-bottom: 3px solid #cf783e; }
.site-redesign .story-pipe span { position: absolute; height: 26px; width: 7px; background: #e68c57; top: -8px; border: 2px solid #c76e36; border-radius: 3px; }
.site-redesign .story-pipe span:first-child { left: 9px; }.site-redesign .story-pipe span:last-child { right: 9px; }
.site-redesign .story-pipe i { position: absolute; width: 8px; height: 8px; border-radius: 2px; background: var(--primary-dark); offset-path: path('M 0 5 L 68 5'); offset-distance: 100%; }
.site-redesign .example-note { color: #66748a; font-size: .73rem; margin: 18px 0 0; }
.site-redesign .tool-section { padding: 20px 0 35px; }
.site-redesign .tool-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 16px 0 20px; }
.site-redesign .small-label { font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; color: #52637d; font-weight: 600; margin-bottom: 8px; }
.site-redesign .tool-heading h2 { font-size: 1.25rem; letter-spacing: -.02em; margin: 0; }
.site-redesign .tool-viewport { width: 100%; padding: 6px 0; }
.site-redesign .tool-track { width: 100%; }
.site-redesign .tool-group { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 0; margin: 0; }
.site-redesign .tool-copy { display: none; }
.site-redesign .tool-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 110px; border: 1px solid #e5e9e6; border-radius: 16px; color: var(--secondary); background: white; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.site-redesign .tool-card:hover { border-color: #d49773; box-shadow: 0 5px 12px #17273908; background: #fffcf9; }
/* The global anchor transition includes opacity. Focus must be immediate,
   including programmatic focus after pointer input and keyboard tabbing. */
.site-redesign .tool-group li:focus-within,
.site-redesign .tool-card:is(:focus-visible,:focus-within),
.site-redesign .tool-card :is(a:focus-visible,a:focus-within) { opacity: 1 !important; transition: none; }
.site-redesign .tool-card:focus-visible { outline: 3px solid #1765b5; outline-offset: -4px; border-color: #1765b5; }
.site-redesign .tool-brand { display: flex; align-items: center; justify-content: center; gap: 10px; height: 34px; }
.site-redesign .tool-brand img { object-fit: contain; width: 30px; height: 30px; }
.site-redesign .tool-brand strong { font: 600 1.05rem var(--font-display); }
.site-redesign .tool-brand .tool-wordmark { width: 105px; height: 32px; }
.site-redesign .tool-role { font-size: .68rem; color: #66748a; }
.site-redesign .tool-viewport.is-moving { overflow: clip; mask-image: linear-gradient(to right, transparent, black 24px, black calc(100% - 24px), transparent); }
.site-redesign .is-moving .tool-track { display: flex; width: max-content; will-change: transform; }
.site-redesign .is-moving .tool-group { display: flex; flex: 0 0 auto; gap: 16px; padding-right: 16px; }
.site-redesign .is-moving .tool-group li { width: 172px; flex: 0 0 172px; }
.site-redesign .is-moving .tool-copy { display: flex; }
.site-redesign .staticrypt-form { max-width: none; }
@media (max-width: 900px) {
 .site-redesign .home-hero-layout { grid-template-columns: 1fr; gap: 30px; }
 .site-redesign .home-hero-copy { max-width: 630px; margin: auto; text-align: center; }
 .site-redesign .home-hero-copy .clay-eyebrow { margin-left: auto; }
 .site-redesign .home-hero .clay-title { text-align: center; }
 .site-redesign .home-hero .clay-sub { margin-left: auto; margin-right: auto; }
 .site-redesign .home-hero .hero-actions { justify-content: center; }
 .site-redesign .hero-build { max-width: 520px; margin: auto; }
 .site-redesign .home-hero .clay-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .site-redesign .home-hero .clay-stats .stat { display: block; padding: 16px 24px; }
 .site-redesign .home-hero .clay-stats .stat:nth-child(3) { border-left: 0; }
 .site-redesign .home-hero .clay-stats .stat-label { margin-top: 8px; }
 .site-redesign #problem .clay-card + .clay-card, .site-redesign #why-pipeline .clay-card + .clay-card { border-left: 0; border-top: 1px solid #e6e9e5; padding-left: 0; padding-top: 26px; }
 .site-redesign .story-heading { grid-template-columns: 1fr; gap: 18px; }
 .site-redesign .story-heading > p { max-width: 560px; }
 .site-redesign .story-flow { grid-template-columns: 1fr; }
 .site-redesign .story-pipe { height: 42px; width: 16px; justify-self: center; border: 0; border-left: 3px solid #fbdcc8; border-right: 3px solid #cf783e; }
 .site-redesign .story-pipe span { height: 7px; width: 26px; left: -8px; }
 .site-redesign .story-pipe span:first-child { left: -8px; top: 4px; }.site-redesign .story-pipe span:last-child { top: auto; bottom: 4px; }
 .site-redesign .story-pipe i { display: none; }
 .site-redesign .tool-group { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
 .site-redesign .home-hero .clay-title { font-size: clamp(2.2rem,9.4vw,3.4rem); }
 .site-redesign .home-hero .hero-actions { gap: 16px; }
 .site-redesign .home-hero .clay-stats .stat { padding: 16px; }
 .site-redesign .home-hero .proof-number { font-size: 1.9rem; }
 .site-redesign .home-hero .clay-stats .stat-label { font-size: .75rem; }
 .site-redesign .tool-section .container { padding: 0 20px; }
 .site-redesign .tool-heading { align-items: start; gap: 14px; }
 .site-redesign .tool-heading h2 { font-size: 1.1rem; line-height: 1.3; }
 .site-redesign .tool-heading .small-label { font-size: .58rem; }
 .site-redesign .is-moving .tool-group li { width: 142px; flex-basis: 142px; }
 .site-redesign .tool-brand { gap: 7px; }
 .site-redesign .tool-brand strong { font-size: .92rem; }
 .site-redesign .tool-brand img { width: 25px; height: 25px; }
 .site-redesign .tool-brand .tool-wordmark { width: 94px; height: 30px; }
 .site-redesign .story-context, .site-redesign .story-message { padding: 26px; }
 .site-redesign .signal-option { padding: 12px 10px; font-size: .73rem; }
 .site-redesign .story-message blockquote { padding: 18px; }
 .site-redesign .signal-story { padding: 30px 0; }
}
@media (prefers-reduced-motion: reduce) {
 .site-redesign :is(.home-hero,.home-section,.tool-section,.signal-story,.site-footer,.topic-card) *,
 .site-redesign :is(.home-hero,.home-section,.tool-section,.signal-story,.site-footer,.topic-card) *::before,
 .site-redesign :is(.home-hero,.home-section,.tool-section,.signal-story,.site-footer,.topic-card) *::after { animation: none !important; transition: none !important; }
}
.site-redesign .table-scroll { overflow-x: auto; max-width: 100%; margin: 28px 0; border: 1px solid var(--border); border-radius: 16px; background: white; }
.site-redesign :is(.blog-content,.faq-content) .table-scroll table { display: table; min-width: 420px; margin: 0; border: 0; }
.site-redesign .blog-content .table-scroll .provider-table { min-width: 620px; }
.site-redesign :is(.blog-content,.faq-content) .table-scroll :is(th,td) { word-break: normal; overflow-wrap: break-word; }
.site-redesign .nav-links a[aria-current=page]:not(.btn-primary) { color: var(--primary-dark); }

/* Tool boxes feed a Pipeline Factory production line. */
.site-redesign .factory-section { padding: 8px 0 54px; }
.site-redesign .factory-line { display: flex; align-items: flex-end; padding: 18px 0 32px; }
.site-redesign .factory-feed { flex: 1 1 auto; min-width: 0; padding-bottom: 21px; }
.site-redesign .factory-line .tool-viewport { padding: 6px 0 0; }
.site-redesign .factory-line .tool-viewport.is-moving { mask-image: linear-gradient(to right,transparent,black 24px,black); }
.site-redesign .factory-line .tool-card { border-radius: 13px 13px 5px 5px; border-color: #dbe1df; box-shadow: 0 3px 0 #e6eae6; background: #fffefa; }
.site-redesign .conveyor { height: 36px; position: relative; margin-top: 4px; }
.site-redesign .conveyor-belt { height: 10px; border: 2px solid #aab6b5; border-radius: 8px; background: repeating-linear-gradient(100deg,#d9e0dc 0 14px,#899d99 14px 17px,#d9e0dc 17px 26px); background-size: 26px 100%; animation: belt-feed 1.04s linear infinite; }
.site-redesign .conveyor-rollers { display: flex; overflow: hidden; justify-content: space-around; height: 26px; align-items: center; border: 2px solid #b9c6c1; border-top: 0; background: #eff3ef; border-radius: 0 0 10px 10px; }
.site-redesign .conveyor-rollers i { flex: 0 0 15px; height: 15px; border: 3px solid #91a69e; border-radius: 50%; background: linear-gradient(90deg,#dce7df 45%,#729184 45% 55%,#dce7df 55%); animation: roller-spin 1.6s linear infinite; }
.site-redesign .conveyor-leg { position: absolute; top: 100%; width: 10px; height: 22px; border-radius: 0 0 3px 3px; background: #bdcbc4; }
.site-redesign .leg-left { left: 8%; }.site-redesign .leg-right { right: 12%; }
.site-redesign .factory-machine { position: relative; flex: 0 0 238px; z-index: 2; }
.site-redesign .machine-body { position: relative; background: #fff0e4; border: 4px solid #d87637; border-radius: 20px 24px 12px 12px; padding: 23px 20px 16px; box-shadow: inset -10px 0 #f3d2b7, 0 6px 0 #ede3d8; }
.site-redesign .machine-intake { position: absolute; left: -16px; bottom: 58px; height: 122px; width: 25px; border: 5px solid #cd6b31; background: #263d43; border-radius: 10px 0 0 10px; box-shadow: -5px 0 #f8d3b9; }
.site-redesign .machine-pipe { position: absolute; width: 62px; height: 20px; border: 6px solid #86aebb; border-bottom: 0; border-radius: 12px 12px 0 0; top: -17px; right: 33px; }
.site-redesign .machine-brand { display: flex; gap: 12px; align-items: center; font: 600 1.18rem/1.05 var(--font-display); letter-spacing: -.03em; }
.site-redesign .machine-brand .block-icon { width: 38px; height: 38px; flex: 0 0 38px; }
.site-redesign .machine-light { width: 8px; height: 8px; border-radius: 50%; margin-left: auto; background: #61a879; box-shadow: 0 0 0 4px #dbead8; }
.site-redesign .machine-window { position: relative; display: flex; align-items: end; gap: 9px; height: 70px; border: 2px solid #b4c8ca; background: #f8fbfa; border-radius: 10px; margin-top: 18px; padding: 16px; overflow: hidden; }
.site-redesign .machine-window > span { width: 12px; height: 22px; background: #90b9c1; border-radius: 3px 3px 0 0; animation: machine-work 2s ease-in-out infinite alternate; }
.site-redesign .machine-window > span:nth-child(2) { height: 32px; animation-delay: -.65s; }.site-redesign .machine-window > span:nth-child(3) { height: 42px; animation-delay: -1.3s; }
.site-redesign .machine-window .block-icon { width: 38px; height: 38px; margin-left: auto; color: #54856a; }
.site-redesign .machine-controls { display: flex; align-items: center; gap: 8px; margin-top: 17px; }
.site-redesign .machine-controls > i { width: 10px; height: 10px; background: #5e9171; border: 2px solid #457458; border-radius: 50%; }
.site-redesign .machine-controls > i:nth-child(2) { background: #efc254; border-color: #b79133; }
.site-redesign .machine-controls > span { flex: 1; height: 5px; background: repeating-linear-gradient(to right,#c99068 0 3px,transparent 3px 6px); margin: 0 5px; }
.site-redesign .machine-controls > b { font-size: .52rem; letter-spacing: .08em; color: #947559; }
.site-redesign .machine-feet { display: flex; justify-content: space-between; padding: 0 22px; }
.site-redesign .machine-feet i { width: 18px; height: 22px; border-radius: 0 0 4px 4px; background: #b8a38e; }
.site-redesign .factory-line.is-static .factory-machine, .site-redesign .factory-line.is-static .conveyor { display: none; }
.site-redesign .factory-line:has(.tool-viewport:hover) .conveyor *, .site-redesign .factory-line:has(.tool-viewport:focus-within) .conveyor *, .site-redesign .factory-line:has(.tool-viewport:hover) .machine-window span, .site-redesign .factory-line:has(.tool-viewport:focus-within) .machine-window span { animation-play-state: paused; }
@keyframes belt-feed { to { background-position: 26px 0; } }
@keyframes roller-spin { to { transform: rotate(360deg); } }
@keyframes machine-work { from { transform: scaleY(.55); transform-origin: bottom; } to { transform: scaleY(1); transform-origin: bottom; } }
@media (max-width: 600px) {
 .site-redesign .factory-machine { flex-basis: 118px; }
 .site-redesign .machine-body { border-width: 3px; border-radius: 14px 17px 10px 10px; padding: 14px 10px 12px; }
 .site-redesign .machine-brand { gap: 5px; font-size: .82rem; }
 .site-redesign .machine-brand .block-icon { width: 22px; height: 26px; flex-basis: 22px; }
 .site-redesign .machine-light { display: none; }
 .site-redesign .machine-window { padding: 10px 7px; gap: 5px; margin-top: 13px; height: 66px; }
 .site-redesign .machine-window > span { width: 8px; }
 .site-redesign .machine-window .block-icon { width: 25px; height: 25px; }
 .site-redesign .machine-controls { gap: 5px; margin-top: 13px; }
 .site-redesign .machine-controls > i { width: 8px; height: 8px; }
 .site-redesign .machine-controls > b { font-size: .39rem; }
 .site-redesign .machine-pipe { width: 39px; height: 17px; border-width: 5px; right: 19px; top: -14px; }
 .site-redesign .machine-intake { height: 118px; bottom: 50px; left: -14px; width: 22px; border-width: 4px; }
 .site-redesign .machine-feet { padding: 0 14px; }
 .site-redesign .machine-feet i { width: 12px; }
 .site-redesign .factory-feed { padding-bottom: 21px; }
 .site-redesign .conveyor-rollers i { flex-basis: 12px; height: 12px; border-width: 2px; }
}

/* The approved context → message template now contains all revenue playbooks. */
.site-redesign .signal-options { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.site-redesign .signal-option { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 10px; }
.site-redesign .signal-option .block-icon { width: 29px; height: 29px; flex-shrink: 0; }
.site-redesign .signal-option.active .block-icon { color: #ffc18c; }
.site-redesign .context-visual { display: flex; align-items: center; padding: 8px 0 24px; }
.site-redesign .signal-cube, .site-redesign .account-cube { position: relative; min-width: 0; flex: 1; display: grid; justify-items: center; gap: 7px; background: white; border-radius: 12px; padding: 17px 8px 12px; box-shadow: 0 7px 0 #dce6ed; }
.site-redesign .signal-cube::before, .site-redesign .account-cube::before { content: ''; position: absolute; width: 18px; height: 9px; border-radius: 4px 4px 0 0; top: -9px; left: calc(50% - 25px); background: #f9dbc4; box-shadow: 32px 0 #f9dbc4; }
.site-redesign .account-cube::before { background: #d7e8dc; box-shadow: 32px 0 #d7e8dc; }
.site-redesign .context-visual .block-icon { width: 44px; height: 44px; margin: 0; }
.site-redesign .account-cube .block-icon { color: #538464; }
.site-redesign .context-visual span { font-size: .61rem; color: #52637d; white-space: nowrap; }
.site-redesign .account-cube > i { position: absolute; top: 9px; right: 8px; width: 15px; height: 15px; border-radius: 50%; background: #d7ebdd; color: #51875e; font: 600 .58rem/15px var(--font-primary); text-align: center; }
.site-redesign .mini-pipe { width: 29px; flex-shrink: 0; height: 12px; border-top: 3px solid #ffddbf; border-bottom: 3px solid #d48b53; background: #f1b680; }
.site-redesign .story-context h3 { margin-bottom: 12px; }
.site-redesign .story-context p { margin-bottom: 0; }
@media (max-width: 900px) {
 .site-redesign .signal-options { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 600px) {
 .site-redesign .signal-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 .site-redesign .signal-option { justify-content: flex-start; gap: 8px; padding: 12px; font-size: .73rem; }
 .site-redesign .signal-option:last-child { grid-column: 1/-1; justify-content: center; }
 .site-redesign .signal-option .block-icon { width: 26px; height: 26px; }
}

/* Captain-approved pipe treatment; retain the existing process layout and copy. */
.site-redesign .process-timeline::before { left: 115px; width: 14px; border: 2px solid #ce793f; border-radius: 7px; background: linear-gradient(90deg,#dc8c50,#f1b47d 35%,#ffe0bf 45% 58%,#db8d54 80%); box-shadow: 2px 0 0 #f5dbc7; animation: none; }
.site-redesign .process-timeline::after { content: ''; position: absolute; z-index: 1; left: 120px; top: 0; width: 4px; height: 23px; border-radius: 3px; background: #fff8df; box-shadow: 0 0 7px #fff5da; animation: process-packet 12s linear infinite; pointer-events: none; }
.site-redesign .phase-connector-line { left: 115px; top: 27px; height: 12px; width: var(--spacing-md); opacity: 1; border-top: 3px solid #ffe0bf; border-bottom: 3px solid #ce793f; background: #edb080; }
.site-redesign .timeline-phase:is(:hover,.active) .phase-connector-line { width: var(--spacing-md); opacity: 1; background: #edb080; }
.site-redesign .phase-connector-line::before { content: ''; position: absolute; left: 1px; top: -7px; width: 7px; height: 20px; border: 2px solid #c67b47; border-radius: 3px; background: #f3bd92; }
.site-redesign .phase-connector-dot { border-radius: 5px; border-color: #ffe4cf; background: #cf702f; box-shadow: 0 0 0 2px #d38a58; animation: none !important; }
.site-redesign .timeline-phase:is(:hover,.active) .phase-connector-dot { transform: none; box-shadow: 0 0 0 4px #f2c5a4; }
.site-redesign .scale-dot { background: #548866; border-color: #d3e8da; box-shadow: 0 0 0 2px #6f9c7d; }
.site-redesign .phase-steps { position: relative; }
.site-redesign .phase-steps::before { content: ''; position: absolute; left: 0; right: 0; top: 29px; height: 10px; border-top: 3px solid #ffdfbf; border-bottom: 3px solid #cb773e; background: #edb182; }
.site-redesign .step-number { box-shadow: inset 0 -4px #b74813, 0 3px 7px #d27a4526; }
.site-redesign .step-number::after { content: ''; position: absolute; left: 8px; top: 3px; width: 6px; height: 3px; border-radius: 2px; background: #ffa56a; box-shadow: 12px 0 #ffa56a; }
.site-redesign .scale-number { box-shadow: inset 0 -4px #397550, 0 3px 7px #59856d26; }
.site-redesign .scale-number::after { background: #a3d6b4; box-shadow: 12px 0 #a3d6b4; }
@keyframes process-packet { from { top: 0; } to { top: calc(100% - 23px); } }
@media (max-width: 768px) {
 .site-redesign .process-timeline::before, .site-redesign .process-timeline::after { display: none; }
 .site-redesign .phase-steps::before { top: 0; bottom: 0; height: auto; width: 10px; left: 30px; right: auto; border: 0; border-left: 3px solid #ffdfbf; border-right: 3px solid #cb773e; }
 .site-redesign .timeline-phase:not(:last-child)::after { content: ''; position: absolute; left: 30px; bottom: calc(-1 * var(--spacing-md)); height: var(--spacing-md); width: 10px; border-left: 3px solid #ffdfbf; border-right: 3px solid #cb773e; background: #edb182; }
}
@media (prefers-reduced-motion: reduce) {
 .site-redesign .process-section *, .site-redesign .process-section *::before, .site-redesign .process-section *::after { animation: none !important; transition: none !important; }
}

/* Wordmark: visibly Pipeline Factory at every public entry. */
.site-redesign .nav { padding: 10px 0; }
.site-redesign .logo { gap: 12px; }
.site-redesign .brand-mark { display: block; position: relative; flex: 0 0 49px; width: 49px; height: 70px; overflow: hidden; }
.site-redesign .logo .brand-mark .logo-icon-img { position: absolute; width: 76px; max-width: none; height: 76px; left: -19px; top: -4px; margin: 0; }
.site-redesign .logo-text { display: grid; gap: 3px; font-family: 'Outfit',var(--font-display); font-weight: 700; font-size: 27px; line-height: .92; letter-spacing: -.045em; }
.site-redesign .logo-text > span:last-child { color: var(--primary-dark); }
.site-redesign .site-footer .logo-text { font-size: 25px; }
.site-redesign .section-actions { display: flex; justify-content: center; margin-top: 30px; }
.home-page #why-pipeline .clay-card { padding-top: 12px; }
.home-page #why-pipeline .clay-panel::before { display: none; }
@media (max-width: 600px) {
 .site-redesign .brand-mark { flex-basis: 38px; width: 38px; height: 54px; }
 .site-redesign .logo .brand-mark .logo-icon-img { width: 59px; height: 59px; left: -15px; top: -3px; }
 .site-redesign .logo-text { font-size: 23px; gap: 3px; }
 .site-redesign .logo { gap: 9px; }
 .site-redesign .site-footer .logo-text { font-size: 23px; }
 .site-redesign .section-actions .btn-primary { text-align: center; width: 100%; }
}

.site-redesign .factory-line .tool-viewport:focus-within { mask-image: none; }



/* A consistent rhythm separates proof, capabilities, process and outcomes. */
.home-page #why-pipeline { padding: 64px 0 40px; }
.home-page #why-pipeline .clay-panel { padding: 0; }
.home-page #why-pipeline .why-grid { margin-top: 40px; gap: 28px; }
.home-page .factory-section { padding: 24px 0 80px; }
.home-page .signal-story { padding: 64px 0 100px; }
.home-page .story-heading { margin-bottom: 38px; }
.home-page .signal-options { gap: 16px; margin-bottom: 40px; }
.home-page .story-context, .home-page .story-message { padding: 40px; }
.home-page .example-note { margin-top: 24px; }
.home-page #results { padding: 96px 0 72px; }
.home-page #results .results-grid { gap: 28px; margin-top: 36px; }
.home-page #results .clay-panel::before { display: none; }
.home-page .site-footer { padding-top: 48px; }
@media (max-width: 600px) {
 .home-page #why-pipeline { padding: 40px 0 24px; }
 .home-page #why-pipeline .why-grid { margin-top: 30px; gap: 24px; }
 .home-page .factory-section { padding: 20px 0 48px; }
 .home-page .signal-story { padding: 40px 0 64px; }
 .home-page .story-heading { margin-bottom: 30px; }
 .home-page .signal-options { gap: 12px; margin-bottom: 32px; }
 .home-page .story-context, .home-page .story-message { padding: 28px 24px; }
 .home-page #results { padding: 64px 0 40px; }
 .home-page .site-footer { padding-top: 32px; }
}

/* Customer proof: a quiet logo row, with disclosure badges only where proof exists. */
.site-redesign .customer-section { padding: 48px 0 62px; position: relative; z-index: 5; overflow: visible; }
.site-redesign .customer-section h2 { display: block; margin: 0 auto 34px; padding: 0; color: var(--secondary); font: 600 1.2rem/1.3 var(--font-display); letter-spacing: -.025em; text-transform: none; text-align: center; }
.site-redesign .customer-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px 28px; position: relative; }
.site-redesign .customer-item { min-width: 0; position: relative; }
.site-redesign .customer-item summary, .site-redesign .customer-static { position: relative; display: flex; align-items: center; justify-content: center; min-height: 116px; gap: 16px; padding: 30px 10px 14px; color: var(--secondary); border-radius: 12px; }
.site-redesign .customer-item summary { list-style: none; cursor: pointer; }
.site-redesign .customer-item summary::-webkit-details-marker { display: none; }
.site-redesign .customer-item summary:hover, .site-redesign .customer-item[open] summary { background: #f7f8f6; }
.site-redesign .customer-item summary:focus-visible { outline: 3px solid #1765b5; outline-offset: 3px; }
.site-redesign .customer-logo { display: block; object-fit: contain; width: 140px; max-width: 100%; height: 32px; }
.site-redesign .consio-customer-logo { width: 145px; height: 50px; }
.site-redesign .loox-customer-logo { width: 103px; height: 30px; }
.site-redesign .customer-brand { display: grid; justify-items: center; gap: 3px; min-width: 0; }
.site-redesign .customer-brand > span { color: #66748a; font-size: .62rem; letter-spacing: .04em; }
.site-redesign .customer-wordmark { font: 600 1.7rem var(--font-display); letter-spacing: -.06em; white-space: nowrap; }
.site-redesign .springboard-wordmark { font-size: 1.3rem; letter-spacing: -.055em; }
.site-redesign .springboard-wordmark span { font-weight: 500; color: #66748a; }
.site-redesign .customer-badge { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); padding: 4px 9px; border: 1px solid #e4ddd2; border-radius: 6px; background: #faf8f4; color: #6d6255; font: 600 .62rem/1.4 var(--font-primary); white-space: nowrap; }
.site-redesign .customer-item summary:hover .customer-badge, .site-redesign .customer-item[open] .customer-badge { background: #fff0e1; border-color: #efbe99; color: #ae4b18; }
.site-redesign .customer-popover { position: absolute; z-index: 10; top: calc(100% + 10px); left: 0; width: 390px; padding: 28px; background: white; border: 1px solid #e6e9e5; border-radius: 18px; box-shadow: 0 16px 44px #0a162b1a; }
.site-redesign .customer-popover::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 12px; }
.site-redesign .customer-item:nth-child(3) .customer-popover { left: auto; right: 0; }
.site-redesign .customer-popover h3 { font-size: 1.25rem; margin: 0 0 12px; line-height: 1.3; }
.site-redesign .customer-popover > p:not(.small-label), .site-redesign .customer-popover blockquote { font-size: .9rem; line-height: 1.7; color: #52637d; margin: 0 0 18px; }
.site-redesign .customer-popover blockquote { border: 0; padding: 0; }
.site-redesign .customer-popover .customer-attribution { display: grid; gap: 2px; margin: 0; }
.site-redesign .customer-attribution strong { color: var(--secondary); }
.site-redesign .customer-attribution span { font-size: .78rem; }
.site-redesign .customer-popover a { display: block; font-size: .88rem; font-weight: 600; color: var(--primary-dark); padding: 8px 0; }
.site-redesign .customer-popover a:focus-visible { outline: 3px solid #1765b5; outline-offset: 3px; }
@media (max-width: 900px) {
 .site-redesign .customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .site-redesign .customer-item { position: static; }
 .site-redesign .customer-popover, .site-redesign .customer-item:nth-child(3) .customer-popover { width: auto; left: 0; right: 0; }
 .site-redesign .customer-static:last-child { grid-column: 1/-1; justify-self: center; min-width: 170px; }
}
@media (max-width: 600px) {
 .site-redesign .customer-section { padding: 26px 0 34px; }
 .site-redesign .customer-grid { gap: 14px; }
 .site-redesign .customer-item summary, .site-redesign .customer-static { gap: 8px; padding: 30px 4px 10px; }
 .site-redesign .customer-logo { width: 120px; }
 .site-redesign .loox-customer-logo { width: 103px; }
 .site-redesign .springboard-wordmark { font-size: 1.1rem; }
 .site-redesign .customer-popover { padding: 24px; }
}

.home-page #contact { padding: 48px 0 72px; }
.home-page #contact .clay-panel { padding-top: 56px; padding-bottom: 56px; }
.home-page #contact .clay-panel::before { display: none; }
@media (max-width: 600px) { .home-page #contact { padding: 24px 0 40px; } .home-page #contact .clay-panel { padding-top: 36px; padding-bottom: 36px; } }

/* Plain, expandable answers keep the final decision section easy to scan. */
.home-page .home-faq { padding: 64px 0 80px; }
.home-page .faq-layout { display: grid; grid-template-columns: .8fr 1.5fr; gap: 80px; max-width: 1200px; }
.home-page .home-faq h2 { margin: 0; font-size: clamp(1.9rem,3vw,2.5rem); line-height: 1.15; letter-spacing: -.035em; }
.home-page .home-faq h2 span { color: var(--primary-dark); }
.home-page .faq-list { border-top: 1px solid #dfe5e2; }
.home-page .faq-list details { border-bottom: 1px solid #dfe5e2; }
.home-page .faq-list summary { position: relative; padding: 25px 42px 25px 0; list-style: none; cursor: pointer; font: 600 1rem/1.5 var(--font-display); }
.home-page .faq-list summary::-webkit-details-marker { display: none; }
.home-page .faq-list summary::before, .home-page .faq-list summary::after { content: ''; position: absolute; right: 5px; top: calc(50% - 1px); width: 14px; height: 2px; background: var(--primary-dark); }
.home-page .faq-list summary::after { transform: rotate(90deg); }
.home-page .faq-list details[open] summary::after { transform: rotate(0); }
.home-page .faq-list summary:hover { color: var(--primary-dark); }
.home-page .faq-list summary:focus-visible { outline: 3px solid #1765b5; outline-offset: 4px; border-radius: 4px; }
.home-page .faq-answer { padding: 0 32px 26px 0; max-width: 62ch; color: #52637d; }
.home-page .faq-answer p { margin: 0; font-size: .94rem; line-height: 1.8; }
@media (max-width: 768px) { .home-page .home-faq { padding: 40px 0 48px; } .home-page .faq-layout { grid-template-columns: 1fr; gap: 36px; } .home-page .faq-list summary { padding-top: 22px; padding-bottom: 22px; } }

/* Insights case studies retain their approved content and rich modules while
   sharing the public site's Clay surfaces, colors, and type hierarchy. */
.site-redesign.ic {
 --ic-brand: var(--primary-dark);
 --ic-brand-deep: #A83B00;
 --ic-ink: var(--secondary);
 --ic-body: #52637d;
 --ic-mute: #52637d;
 --ic-faint: #66748a;
 --ic-line: #d6e0ec;
 --ic-rule: var(--border);
 --ic-paper: var(--clay-cream);
 background: white;
 font-family: var(--font-primary);
}
.site-redesign.ic :focus-visible { outline: 3px solid #1765b5; outline-offset: 4px; }
.site-redesign.ic .ic-wrap { max-width: 1200px; }
.site-redesign.ic .ic-hero { background: white; color: var(--secondary); padding: 34px 32px 22px; }
.site-redesign.ic .ic-hero > .ic-wrap { background: var(--clay-blue); padding: 44px 48px; border-radius: var(--clay-r); }
.site-redesign.ic .ic-crumb { color: var(--ic-mute); margin-bottom: 28px; flex-wrap: wrap; }
.site-redesign.ic .ic-crumb a { color: var(--primary-dark); }
.site-redesign.ic .ic-hero-grid { border: 0; }
.site-redesign.ic .ic-hero-name { color: var(--secondary); font: 600 clamp(2.2rem,4.5vw,3.7rem)/1.08 var(--font-display); padding: 0 0 32px; }
.site-redesign.ic .ic-hero-claim-text { color: var(--secondary); }
.site-redesign.ic .ic-hero-impact-val { color: var(--primary-dark); }
.site-redesign.ic .ic-hero-impact p:last-child,
.site-redesign.ic .ic-hero-shot figcaption { color: var(--ic-mute); }
.site-redesign.ic .ic-hero-shot { padding-bottom: 0; }
.site-redesign.ic .ic-hero-shot figure { border-radius: 22px; background: white; box-shadow: var(--clay-shadow); }
.site-redesign.ic :is(.cs-inbox,.cs-spine) { border-radius: 22px; box-shadow: none; }
.site-redesign.ic .ic-body { margin-top: 0; border-radius: 0; padding-top: 44px; }
.site-redesign.ic .ic-rail-card { border: 0; border-radius: 22px; background: var(--clay-cream); }
.site-redesign.ic .ic-pill--brand { background: var(--secondary); }
.site-redesign.ic :is(.cs-chart,.cs-ba,.cs-wf,.cs-photo,.cs-next) { background: var(--clay-cream); border-radius: 22px; }
.site-redesign.ic :is(.cs-email,.cs-micro,.cs-slack) { border-radius: 22px; }
.site-redesign.ic .cs-impact > div { background: var(--clay-cream); border: 0; border-radius: 22px; }
.site-redesign.ic .cs-impact > div:first-child { background: var(--clay-peach); }
.site-redesign.ic .cs-impact > div:first-child b { color: var(--primary-dark); }
.site-redesign.ic .cs-impact > div:first-child span { color: var(--ic-mute); }
.site-redesign.ic .ic-cta { background: white; padding: 22px 32px; }
.site-redesign.ic .ic-cta > .ic-wrap { background: var(--clay-peach); padding: 44px 48px; border-radius: var(--clay-r); }
.site-redesign.ic .ic-cta h2 { color: var(--secondary); }
.site-redesign.ic .ic-cta p { color: var(--ic-mute); }
.site-redesign.ic .ic-cta-link { border-radius: 14px; box-shadow: var(--clay-shadow); }
@media (max-width: 860px) {
 .site-redesign.ic .ic-hero-shot { padding-bottom: 28px; }
 .site-redesign.ic .ic-hero-impact { padding-bottom: 0; }
}
@media (max-width: 640px) {
 .site-redesign.ic :is(.ic-hero,.ic-cta) { padding: 24px 20px 16px; }
 .site-redesign.ic .ic-hero > .ic-wrap,
 .site-redesign.ic .ic-cta > .ic-wrap { padding: 28px 24px; border-radius: 22px; }
 .site-redesign.ic .ic-hero-name { font-size: clamp(2rem,8.4vw,3rem); padding-bottom: 26px; }
 .site-redesign.ic .ic-body { padding-top: 30px; }
}

/* The briefing's public password screen uses the same Clay form and shell. */
.site-redesign.briefing-page .briefing-password { display: block; width: 100%; font: inherit; padding: 14px 16px; margin-bottom: 14px; }
.site-redesign.briefing-page .briefing-form .btn-primary { width: 100%; }
.site-redesign.briefing-page .briefing-error { display: none; color: var(--error); font-size: .875rem; margin-top: 16px; }