:root{--accent-color: #fa427f;--secondary-accent-color: #42fabd;--text-dark: #2c3e50;--text-light: #7f8c8d;--white: #ffffff;--black: #000000;--background: #f8f9fa;--border-light: #e9ecef;--cta-dark-teal: #0a2c4c;--container-max: 1000px;--container-xpad: 20px;--stage-awareness: #f6c462;--stage-consideration: #f39c85;--stage-conversion: #88cfb0;--stage-retention: #a78bfa;--stage-advocacy: #6fa8ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Instrument Sans,sans-serif;font-size:16px;font-weight:400;color:var(--text-dark);scrollbar-gutter:stable both-edges}main,.page-root{padding-top:86px}.container-1000{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-xpad)}.btn{padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:all .3s ease}.btn-with-arrow{display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.arrow-icon{font-size:20px;transition:transform .3s ease;margin-left:auto}.btn-with-arrow:hover .arrow-icon{transform:translate(4px)}.btn-primary{background-color:var(--accent-color);color:var(--white);border:2px solid var(--accent-color)}.btn-primary:hover,.btn-secondary{background-color:var(--white);color:var(--accent-color);border:2px solid var(--accent-color)}.btn-secondary:hover{background-color:var(--accent-color);color:var(--white)}.btn-large{padding:16px 32px;font-size:18px}.highlight{background-color:var(--accent-color);color:var(--text-dark);padding:8px}.highlight-pink-text{color:#fa427f}:root{--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1200px;--breakpoint-xl: 1440px}.container{margin:0 auto;padding:0 var(--container-xpad)}@media (max-width: 1250px){.highlight{padding:2px}}@media (max-width: 480px){.container{padding:0 15px}h1{line-height:1.2}h2{line-height:1.3}h3{line-height:1.4}p{font-size:16px;line-height:1.5}}@media (max-width: 768px){.container{padding:0 20px}.hide-mobile{display:none!important}.show-mobile{display:block!important}.stack-mobile{flex-direction:column!important;gap:20px!important}.full-width-mobile{width:100%!important}}@media (min-width: 769px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.text-responsive{font-size:clamp(14px,2.5vw,18px)}.title-responsive{font-size:clamp(24px,5vw,48px)}.subtitle-responsive{font-size:clamp(16px,3vw,20px)}.section-padding{padding:clamp(40px,8vw,80px) 0}.section-gap{gap:clamp(20px,4vw,60px)}.legal-page{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--white) 100%);padding:80px 0}.legal-content{max-width:800px;margin:0 auto;background:var(--white);border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.legal-header{background:var(--accent-color);color:var(--white);padding:60px 40px;text-align:center}.legal-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.legal-subtitle{font-size:1.1rem;opacity:.9}.legal-body{padding:40px}.markdown-content{line-height:1.8;color:var(--text-dark)}.markdown-content h1{font-size:2rem;font-weight:700;color:var(--text-dark);margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--accent-color)}.markdown-content h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.markdown-content h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:20px 0 10px}.markdown-content h4{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:15px 0 8px}.markdown-content h5,.markdown-content h6{font-size:1rem;font-weight:600;color:var(--text-dark);margin:12px 0 6px}.markdown-content p{margin-bottom:15px;color:var(--text-dark)}.markdown-content ul,.markdown-content ol{margin:15px 0;padding-left:30px}.markdown-content li{margin-bottom:8px;color:var(--text-dark)}.markdown-content a{color:var(--accent-color);text-decoration:none;font-weight:500}.markdown-content a:hover{color:var(--secondary-accent-color);text-decoration:underline}.markdown-content strong{font-weight:600;color:var(--text-dark)}.markdown-content em{font-style:italic;color:var(--text-light)}.markdown-content code{background-color:var(--background);color:var(--accent-color);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.markdown-content pre{background-color:var(--background);padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0;border:1px solid var(--border-light)}.markdown-content pre code{background:none;padding:0;color:var(--text-dark)}.markdown-content blockquote{border-left:4px solid var(--accent-color);padding-left:20px;margin:20px 0;font-style:italic;color:var(--text-light)}.markdown-content table{width:100%;border-collapse:collapse;margin:20px 0}.markdown-content th,.markdown-content td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light)}.markdown-content th{background-color:var(--background);font-weight:600;color:var(--text-dark)}.markdown-content hr{border:none;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--secondary-accent-color));margin:30px 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.post-card{background:var(--white);border-radius:20px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid var(--border-light);position:relative}.post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #fa427f1a;border-color:var(--accent-color)}.post-card-link{display:block;text-decoration:none;color:inherit}.post-card>.post-card-link{position:static}.post-card{cursor:pointer}.post-image{position:relative;overflow:hidden}.post-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.post-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#fa427fcc,#42fabdcc);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.post-card:hover .post-overlay{opacity:1}.post-card:hover .post-image img{transform:scale(1.1)}.read-more-overlay{color:#fff;font-weight:600;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.post-card .post-content{padding:24px;display:flex;flex-direction:column}.post-card .post-meta{display:flex;gap:20px;margin-bottom:16px;font-size:14px;align-items:center}.post-card .post-category{background:var(--accent-color);color:var(--white);padding:6px 16px;border-radius:25px;font-weight:600;font-size:14px}.post-card .card-tags{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 10px}.post-card .tag{background:#f8f9fa;color:var(--text-dark);padding:6px 14px;border-radius:16px;font-size:14px;border:1px solid #e9ecef;text-decoration:none}.post-card .tag:hover{background:#eef1f4}.post-card .post-title{font-size:18px;margin-bottom:12px;line-height:1.4;color:var(--text-dark)}.post-card .post-excerpt{color:var(--text-light);line-height:1.6;margin-bottom:16px;flex-grow:1}.post-card .post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.post-card .read-more-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .3s ease}.post-card .read-more-link:hover{color:var(--secondary-accent-color)}.reading-time{color:var(--text-light);font-size:14px;font-weight:500}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;background:#f8f9fa;color:var(--text-dark);padding:6px 14px;border-radius:16px;font-size:14px;border:1px solid #e9ecef;text-decoration:none}.tag:hover{background:#eef1f4}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr;gap:20px}.post-card .post-content{padding:20px}.post-image img{height:180px}.post-card .post-footer{flex-direction:column;align-items:flex-start;gap:10px}}.library-wrapper{display:block;padding-bottom:64px;min-height:calc(100vh - 64px)}.stage-legend{display:flex;gap:14px;align-items:center;padding:12px 20px 0;color:#6c757d;font-size:13px;flex-wrap:wrap}.stage-legend .legend-item{display:inline-flex;align-items:center;gap:8px}.stage-legend .dot{width:12px;height:12px;border-radius:50%;display:inline-block;opacity:1}.filters{position:static;backdrop-filter:none;background:transparent;border-bottom:0}.filters-inner{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:12px 16px}.filters-inner.center{justify-content:center}.filters-sub #subcatRow{overflow-x:auto;scroll-behavior:smooth;width:min(1100px,75vw);margin:0 auto;padding-left:0;padding-right:0;display:flex;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.filters-sub #subcatRow::-webkit-scrollbar{display:none;height:0}.filters-top .filters-inner{padding-top:16px;padding-bottom:12px}.filters-sub .filters-inner{padding-top:6px;padding-bottom:16px}.filters-sub{position:relative;display:block}.filters-sub .scroll-btn{appearance:none;border:none;background:transparent;color:var(--accent-color);font-size:22px;padding:0;cursor:pointer;visibility:hidden;opacity:0;transition:opacity .2s ease;position:absolute;transform:translateY(-50%);z-index:1}.filters-sub .scroll-btn.left{left:4px}.filters-sub .scroll-btn.right{right:4px}.filters-sub .scroll-btn:hover{opacity:.9}.filters-sub .scroll-btn.visible{visibility:visible;opacity:1}@media (max-width: 640px){.filters-top .filters-inner.center{justify-content:flex-start}}.tag{white-space:nowrap;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.12);padding:6px 10px;border-radius:12px;font-size:14px;background:#fff;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.tag:hover{background:#f4f6f8}.tag.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 0 0 2px #fa427f26}.filters .tag{border-color:color-mix(in oklab,var(--accent-color) 55%,white)}.filters .tag:hover{border-color:var(--accent-color);box-shadow:0 0 0 2px #fa427f1f}.filters .tag.active{border-color:var(--accent-color)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px}@media (max-width: 1024px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.library-grid{grid-template-columns:1fr;padding:12px;gap:16px}}.card{display:flex;flex-direction:column;gap:8px;cursor:pointer;background:#fff;border:1px solid var(--border-light);border-radius:16px;padding:10px;box-shadow:0 4px 12px #0000000f;min-width:0}.card a.card-link{color:inherit;text-decoration:none;display:block}.card:hover{box-shadow:0 10px 24px #00000014}.card .card-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.card .card-top .title{min-width:0}.card .card-top .stage{flex-shrink:0}.card .card-top .stage{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#fff;padding:6px 10px;border:1px solid var(--border-light);border-radius:999px}.card .card-top .stage-name{font-size:12px;color:#6c757d;font-weight:600}.card .card-top .stage-bars{display:inline-grid;grid-auto-flow:column;gap:4px}.card .card-top .stage-bars i{width:12px;height:6px;border-radius:4px;background:#e9ecef;opacity:1;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.card .card-top .stage .stage-bars i[data-s=awareness]{background:color-mix(in oklab,var(--stage-awareness) 26%,white)}.card .card-top .stage .stage-bars i[data-s=consideration]{background:color-mix(in oklab,var(--stage-consideration) 26%,white)}.card .card-top .stage .stage-bars i[data-s=conversion]{background:color-mix(in oklab,var(--stage-conversion) 26%,white)}.card .card-top .stage .stage-bars i[data-s=retention-loyalty]{background:color-mix(in oklab,var(--stage-retention) 26%,white)}.card .card-top .stage .stage-bars i[data-s=advocacy]{display:none}.card .card-top .stage.stage--awareness .stage-bars i[data-s=awareness]{background:var(--stage-awareness);box-shadow:0 0 0 2px color-mix(in oklab,var(--stage-awareness) 18%,white);transform:scale(1.2)}.card .card-top .stage.stage--consideration .stage-bars i[data-s=consideration]{background:var(--stage-consideration);box-shadow:0 0 0 2px color-mix(in oklab,var(--stage-consideration) 18%,white);transform:scale(1.2)}.card .card-top .stage.stage--conversion .stage-bars i[data-s=conversion]{background:var(--stage-conversion);box-shadow:0 0 0 2px color-mix(in oklab,var(--stage-conversion) 18%,white);transform:scale(1.2)}.card .card-top .stage.stage--retention-loyalty .stage-bars i[data-s=retention-loyalty]{background:var(--stage-retention);box-shadow:0 0 0 2px color-mix(in oklab,var(--stage-retention) 18%,white);transform:scale(1.2)}.card .card-top .stage.stage--advocacy .stage-bars i[data-s=advocacy]{display:none}.card .card-top .logo{width:36px;height:36px;border-radius:999px;background:#0f0f12;color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px}.card .card-top .title{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.card .card-top .brand-name{font-size:16px;font-weight:700;color:#111;text-transform:none;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .card-top .industry-name{font-size:12px;color:#7f8c8d;margin-top:2px}.media{position:relative;border-radius:12px;overflow:hidden;background:#f1f1f3;aspect-ratio:1 / 1;box-shadow:0 2px 10px #0000000f}.media.loading{background:#f1f1f3}.thumb{width:100%;height:100%;display:block;object-fit:cover;background:transparent}.card .media:hover .thumb{outline:none}.meta{font-size:12px;opacity:.8;display:flex;gap:6px;align-items:center}.brand{text-transform:capitalize}.dot{opacity:.5}#playerDialog::backdrop{background:#000000b3}#playerDialog{border:none;padding:0;background:transparent;position:fixed;inset:0;width:100vw;height:100vh;display:none;z-index:10000}#playerDialog[open]{display:grid;place-items:center}#dialogVideo{width:min(92vw,960px);height:auto;border-radius:12px;background:#000;max-height:80vh;display:block}.dialog-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:8px 0}.dialog-bar{display:none}.dialog-bar button,.dialog-bar a{appearance:none;background:#0000000f;color:#222;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:6px 10px;text-decoration:none;cursor:pointer;font-size:14px}.dialog-bar a.download:after{content:" ⤓"}.dialog-bar .download{color:inherit}