.insights-page{min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}.insights-header{text-align:center;margin-bottom:4rem}.insights-filter{display:flex;justify-content:center;margin-bottom:3rem}.insights-filter .filter-group{display:flex;background-color:var(--riverbed-900);border-radius:9999px;padding:.25rem}.insights-filter button{padding:.5rem 1.5rem;border-radius:9999px;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;font-weight:500}.insights-filter button.active{background-color:var(--riverbed-200);color:var(--riverbed-900)}.insights-filter button:not(.active){color:var(--riverbed-400);background-color:transparent}.insights-filter button:not(.active):hover{color:var(--text-color)}.insights-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.insights-grid{grid-template-columns:repeat(2,1fr)}}.insight-card{background-color:var(--riverbed-900);border-radius:1rem;overflow:hidden;transition:transform .3s ease;text-decoration:none;color:inherit}.insight-card:hover{transform:scale(1.02)}.insight-card-image{position:relative;aspect-ratio:16/9;overflow:hidden}.insight-card-image img{width:100%;height:100%;object-fit:cover}.insight-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.insight-badge.ux-research{background-color:var(--riverbed-300);color:var(--riverbed-900)}.insight-badge.article{background-color:var(--riverbed-800);color:var(--riverbed-300)}.insight-card-content{padding:1.5rem}.insight-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--riverbed-400);margin-bottom:.75rem}.insight-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s ease}.insight-card:hover .insight-title{color:var(--riverbed-300)}.insight-description{color:var(--riverbed-400);line-height:1.6;font-size:18px!important}.audio-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.audio-style-button{padding:1rem;border-radius:.75rem;border:2px solid var(--riverbed-700);background-color:transparent;color:var(--text-color);text-align:left;cursor:pointer;transition:all .3s ease}.audio-style-button:hover{border-color:var(--riverbed-600)}.audio-style-button.active{border-color:var(--riverbed-300);background-color:rgba(var(--riverbed-300-rgb),.1)}.audio-style-color{width:.75rem;height:.75rem;border-radius:50%;margin-bottom:.5rem}.audio-style-name{font-weight:500;font-size:.875rem;margin-bottom:.25rem}.audio-style-desc{font-size:.75rem;color:var(--riverbed-400)}.audio-visualizer{background-color:var(--riverbed-950);border-radius:.75rem;padding:1.5rem}.audio-controls{justify-content:space-between;margin-bottom:1.5rem}.audio-controls,.play-button{display:flex;align-items:center}.play-button{width:3rem;height:3rem;background-color:var(--riverbed-200);color:var(--riverbed-900);border-radius:50%;border:none;justify-content:center;cursor:pointer;transition:transform .3s ease}.play-button:hover{transform:scale(1.05)}.audio-settings{display:flex;flex-direction:column;gap:1rem}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-label{font-size:.875rem;color:var(--riverbed-400)}.setting-value{font-family:SF Mono,Monaco,Cascadia Code,monospace;color:var(--text-color)}.setting-bar{width:100%;height:.5rem;background-color:var(--riverbed-800);border-radius:9999px;overflow:hidden}.setting-bar-fill{height:100%;border-radius:9999px;transition:width .3s ease}.current-style-info{margin-top:1.5rem;padding:1rem;background-color:var(--riverbed-800);border-radius:.5rem}.current-style-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.current-style-name{font-weight:500;color:var(--text-color)}.current-style-desc{font-size:.875rem;color:var(--riverbed-400)}.platform-table{width:100%;text-align:left;border-collapse:collapse}.platform-table th{padding-bottom:1rem;color:var(--riverbed-200);font-weight:500;border-bottom:1px solid var(--riverbed-700)}.platform-table td{padding:1rem 0;border-bottom:1px solid var(--riverbed-800)}.platform-table td:first-child{font-weight:500;color:var(--text-color)}.platform-table td:not(:first-child){color:var(--riverbed-400)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--riverbed-300);margin-bottom:.5rem}.stat-label{color:var(--riverbed-400)}.research-insights-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.research-insights-grid{grid-template-columns:repeat(3,1fr)}}.research-insight-item{text-align:center}.research-insight-icon{font-size:3rem;margin-bottom:1rem}.research-insight-title{font-weight:700;margin-bottom:.75rem;color:var(--riverbed-200)}.research-insight-desc{color:var(--riverbed-400);font-size:.875rem}.insight-wrapper{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.insight-content{padding-top:2rem;padding-bottom:6rem}.home-logo.desktop-logo{position:fixed;top:1.5rem;left:1.5rem;z-index:50;padding:.75rem;background:rgba(17,24,39,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:all .3s ease}.home-logo.desktop-logo:hover{border-color:var(--accent-color);transform:scale(1.05)}.nav-logo{width:2.5rem;height:2.5rem}.insight-content section{margin-bottom:4rem}@media (max-width:991px){.insight-content{padding-left:1.5rem;padding-right:1.5rem}.home-logo.desktop-logo{display:none}}.spotifx-insight-wrapper{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.spotifx-insight-wrapper .project-content{max-width:800px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative}.spotifx-insight-wrapper{--accent-color:#1DB954}.cover-container{max-width:800px;margin:0 auto 48px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.25);transition:transform .4s ease,box-shadow .4s ease}.cover-container:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.35)}.cover-image{height:auto;display:block;transition:transform .6s ease}.cover-container:hover .cover-image{transform:scale(1.05)}@media (max-width:768px){.cover-container{border-radius:14px;margin:0 auto 32px}.cover-container:hover{transform:none;box-shadow:0 12px 32px rgba(0,0,0,.2)}.cover-container:hover .cover-image{transform:none}}.spotifx-insight-wrapper .project-meta-item h4{color:var(--accent-color)}.spotifx-insight-wrapper .project-meta-item p{color:var(--text-color)}@media (max-width:768px){.project-content{padding:0 16px}}.alternatives-section,.audio-effects-section,.discovery-section,.how-it-works-section,.numbers-section,.solution-section,.user-comparison-section,.validation-section,.win-win-section{margin:120px 0;padding:0}.alternatives-section .section-content,.audio-effects-section .section-content,.discovery-section .section-content,.how-it-works-section .section-content,.numbers-section .section-content,.solution-section .section-content,.user-comparison-section .section-content,.validation-section .section-content,.win-win-section .section-content{max-width:800px;margin:0 auto;padding:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left}@media (max-width:768px){.alternatives-section .section-content,.audio-effects-section .section-content,.conclusion-section .section-content,.discovery-section .section-content,.future-opportunity-section .section-content,.how-it-works-section .section-content,.numbers-section .section-content,.solution-section .section-content,.user-comparison-section .section-content,.validation-section .section-content,.win-win-section .section-content{padding:0 16px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left}}.alternatives-section h2,.audio-effects-section h2,.discovery-section h2,.numbers-section h2,.solution-section h2,.user-comparison-section h2,.validation-section h2{font-size:var(--text-3xl);font-weight:600;color:var(--heading-color);margin-bottom:40px;text-align:left}.discovery-text,.solution-text,.validation-text{margin:0;writing-mode:horizontal-tb;direction:ltr;display:block;text-transform:none;font-weight:400}.discovery-text,.section-intro,.solution-text,.validation-text{font-size:1.125rem;line-height:1.7;color:var(--text-color);text-align:left}.section-intro{margin:0 0 2rem}.audio-effects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:0;width:100%;justify-content:start;align-items:start}.audio-effect-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:all .3s ease;text-align:left;align-self:start}.audio-effect-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:rgba(255,255,255,.15)}.audio-effect-card h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:var(--heading-color)}.effect-mood{background:var(--accent-color);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:1rem}.audio-effect-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0}.community-feedback{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;margin-top:2rem;border:1px solid rgba(255,255,255,.08)}.main-post{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.08)}.post-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.username{background:var(--accent-color);color:white;padding:.25rem .75rem;border-radius:12px;font-weight:600}.date,.username{font-size:.875rem}.date{color:var(--text-muted)}.post-content{color:var(--text-color);line-height:1.6;font-style:italic}.community-responses{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.response-card{background:rgba(255,255,255,.03);border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.05);font-size:.875rem}.response-author{color:var(--accent-color);font-weight:600;margin-bottom:.5rem}.response-text{color:var(--text-muted);line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;width:100%;justify-content:start;align-items:start}.stat-card{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;text-align:left;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;align-self:start}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:rgba(255,255,255,.15)}.stat-number{font-size:3rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem;line-height:1}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;width:100%;justify-content:start;align-items:start}.comparison-card{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;text-align:left;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;align-self:start}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:rgba(255,255,255,.15)}.comparison-stat{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem;line-height:1}.comparison-label{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;width:100%;justify-content:start;align-items:start}.alternative-card{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;text-align:left;align-self:start}.alternative-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:rgba(255,255,255,.15)}.alternative-card h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1.5rem;color:var(--heading-color)}.feature-list{list-style:none;padding:0;margin-bottom:1.5rem}.feature-list li{color:var(--text-color);margin-bottom:.5rem;padding-left:1rem;position:relative;font-size:.95rem}.feature-list li:before{content:"•";color:var(--accent-color);position:absolute;left:0;font-weight:700}.user-count{background:var(--accent-color);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-align:center}.problem-section{margin:120px auto}.problem-intro{font-size:1.125rem;line-height:1.7;color:var(--text-color);margin:0;text-align:left}.problem-section h2{font-size:var(--text-2xl);margin-bottom:32px}.solution-section{margin:120px 0;padding:0}.solution-section .section-content{max-width:800px;margin:0 auto}.solution-section h2{font-size:var(--text-3xl);font-weight:600;color:var(--heading-color);margin-bottom:40px;text-align:left}.solution-section .solution-text{font-size:1.125rem;line-height:1.7;color:var(--text-color);margin:0 0 2rem;text-align:left;writing-mode:horizontal-tb;direction:ltr;display:block;width:100%;text-transform:none;font-weight:400;letter-spacing:-.015em}.solution-image{text-align:center;margin-top:2rem}.solution-image img{border-radius:16px;object-fit:cover}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.workflow-card{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.08);position:relative;transition:all .3s ease}.workflow-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 32px rgba(29,185,84,.1)}.workflow-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.workflow-number{width:40px;height:40px;background:var(--accent-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.workflow-icon{font-size:2rem;opacity:.8}.artist-card{border-left:4px solid #ff6b6b}.user-card{border-left:4px solid #4ecdc4}.workflow-card h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:var(--heading-color)}.workflow-card>p{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.options-demo h4,.user-flow-demo h4{color:var(--accent-color);font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.checkbox-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:background .2s ease}.checkbox-item:hover{background:rgba(255,255,255,.08)}.checkbox-item input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--accent-color)}.checkbox-item span{color:var(--text-color);font-size:.95rem}.revenue-note{background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.3);border-radius:8px;padding:.75rem;color:var(--accent-color);font-size:.875rem;font-weight:500;text-align:center}.flow-steps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.flow-step{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:8px}.step-icon{font-size:1.2rem;width:24px;text-align:center}.flow-step span{color:var(--text-color);font-size:.95rem}.flow-arrow{text-align:center;color:var(--accent-color);font-size:1.2rem;margin:.25rem 0}.effect-buttons-demo{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.effect-btn{padding:.5rem 1rem;background:var(--accent-color);color:white;border:none;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.effect-btn:hover{background:#1ed760;transform:translateY(-1px)}.effect-btn.disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);cursor:not-allowed}.effect-btn.disabled:hover{transform:none;background:rgba(255,255,255,.1)}.comparison-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;width:100%;justify-content:start;align-items:start}.creative-mode,.current-situation{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.08);text-align:left;align-self:start;transition:all .3s ease}.creative-mode h3,.current-situation h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1.5rem;text-align:center}.current-situation h3{color:#dc3545}.creative-mode h3{color:var(--accent-color)}.problem-list,.solution-list{display:flex;flex-direction:column;gap:1rem}.problem-item,.solution-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5}.x-icon{color:#dc3545}.check-icon,.x-icon{font-weight:700;font-size:1.1rem;flex-shrink:0}.check-icon{color:var(--accent-color)}.problem-item span:last-child,.solution-item span:last-child{color:var(--text-color)}.future-opportunity-section{margin:120px 0;padding:0}.future-opportunity-section .section-content{max-width:800px;margin:0 auto;padding:0}.future-opportunity-section h2{font-size:var(--text-3xl);font-weight:600;margin-bottom:40px;text-align:left;color:var(--heading-color)}.opportunity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;padding:0;width:100%;justify-content:start;align-items:start}.opportunity-card{background:rgba(255,255,255,.03);border-radius:16px;padding:2rem;text-align:left;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;align-self:start}.opportunity-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:rgba(255,255,255,.15)}.opportunity-icon{display:none!important}.opportunity-card h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1.5rem;color:var(--heading-color);line-height:1.4}.opportunity-card p{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0}.conclusion-section{margin:120px 0;padding:0}.conclusion-section .section-content{max-width:800px;margin:0 auto;padding:0}.conclusion-section h2{font-size:var(--text-3xl)}.conclusion-text{font-size:1.125rem;color:var(--text-color)}.future-opportunity-section h2,.how-it-works-section h2,.win-win-section h2{font-size:var(--text-lg);margin-bottom:1.5rem}@media (max-width:768px){.future-opportunity-section h2,.how-it-works-section h2,.win-win-section h2{font-size:var(--text-base)}}.alternative-card h3,.audio-effect-card h3,.opportunity-card h3,.workflow-card h3{font-size:1.1rem!important;font-weight:600}.discovery-section .project-header{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.discovery-section .project-header .project-description{grid-column:1/-1;margin-bottom:2rem}.project-header .project-caption{font-size:1.25rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.project-title{font-size:var(--text-6xl)!important;margin:0 0 .5rem}@media (max-width:768px){.project-title{font-size:2rem}.discovery-section .project-header{grid-template-columns:1fr}}.alternative-card:hover,.audio-effect-card:hover,.comparison-card:hover,.creative-mode:hover,.current-situation:hover,.opportunity-card:hover,.response-card:hover,.stat-card:hover,.workflow-card:hover{transform:none!important;box-shadow:none!important;border-color:rgba(255,255,255,.15)!important}@media (max-width:768px){.alternatives-section,.audio-effects-section,.discovery-section,.how-it-works-section,.numbers-section,.problem-section,.solution-section,.user-comparison-section,.validation-section,.win-win-section{margin:80px 0;padding:0 16px}.alternatives-section h2,.audio-effects-section h2,.discovery-section h2,.numbers-section h2,.solution-section h2,.user-comparison-section h2,.validation-section h2{font-size:var(--text-2xl);margin-bottom:32px}.discovery-text,.solution-text,.validation-text{font-size:1rem;writing-mode:horizontal-tb;direction:ltr;display:block;width:100%}.audio-effects-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.audio-effect-card{padding:20px}.audio-effect-card h3{font-size:1rem}.audio-effect-card p{font-size:.875rem}.community-feedback{padding:24px}.main-post{padding:16px}.post-header{flex-direction:column;align-items:flex-start;gap:4px}.community-responses{grid-template-columns:1fr;gap:12px}.response-card{padding:12px}.response-text{font-size:.875rem}.alternatives-grid,.comparison-grid,.stats-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.comparison-table{gap:16px;margin-top:32px;text-align:left;justify-content:start}.alternative-card,.comparison-card,.stat-card{padding:20px}.stat-number{font-size:2.5rem}.comparison-stat{font-size:2rem}.comparison-label,.stat-label{font-size:.75rem}.alternative-card h3{font-size:1.125rem}.feature-list li,.user-count{font-size:.875rem}.how-it-works-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.workflow-card{padding:20px}.workflow-header{gap:.75rem;margin-bottom:1rem}.workflow-number{width:32px;height:32px;font-size:1rem}.workflow-icon{font-size:1.5rem}.workflow-card h3{font-size:1.125rem}.flow-steps{margin-bottom:1rem}.flow-step{padding:.5rem}.checkbox-options{gap:.5rem}.checkbox-item{padding:.4rem}.effect-buttons-demo{padding:.75rem;gap:.5rem}.effect-btn{padding:.4rem .8rem;font-size:.8rem}.comparison-table{grid-template-columns:1fr;gap:20px}.creative-mode,.current-situation{padding:24px}.creative-mode h3,.current-situation h3{font-size:1.125rem}.problem-item,.solution-item{gap:8px}.problem-item span:last-child,.solution-item span:last-child{font-size:.875rem}.future-opportunity-section{margin:80px 0}.future-opportunity-section h2{font-size:var(--text-2xl);margin-bottom:2rem}.opportunity-grid{grid-template-columns:1fr;gap:16px;margin-top:32px;justify-content:start;text-align:left}.opportunity-card{padding:1.5rem}.opportunity-icon{font-size:2.5rem;margin-bottom:1rem}.opportunity-card h3{font-size:1rem}.opportunity-card p{font-size:.95rem}.conclusion-section{margin:80px 0}.conclusion-section h2{font-size:var(--text-2xl)}.conclusion-text{font-size:1rem}.solution-section{margin:80px 0}.solution-section h2{font-size:var(--text-2xl);margin-bottom:32px}.solution-section .solution-text{font-size:1rem;writing-mode:horizontal-tb;direction:ltr;display:block;width:100%;text-transform:none;font-weight:400}}.spotifx-project{max-width:1200px;margin:0 auto;padding:24px}.spotifx-container{display:flex;flex-direction:column;gap:24px}.spotifx-section{background:rgba(60,68,80,.3);border-radius:12px;padding:24px}:root{--gray-0:#F7F7F7;--gray-100:#EAEAEA;--gray-200:#DCDCDC;--gray-300:#C0C0C0;--gray-400:#A3A3A3;--gray-500:#7E7E7E;--gray-600:#5C5C5C;--gray-700:#3F3F3F;--gray-800:#262626;--gray-900:#181818;--gray-1000:#111111;--primary-color:var(--gray-800);--primary-rgb:38,38,38;--accent-color:var(--gray-600)!important;--text-color:var(--gray-800);--text-muted:var(--gray-500);--heading-color:var(--gray-900);--card-bg:#FFFFFF;--border-color:var(--gray-200);--bg-color:var(--gray-0);--image-bg-color:transparent}@media (prefers-color-scheme:dark){:root{--card-bg:var(--gray-900);--border-color:var(--gray-700);--bg-color:var(--gray-1000);--text-color:var(--gray-200);--text-muted:var(--gray-400);--heading-color:var(--gray-0);--accent-color:var(--gray-600)!important}}body,html{scroll-behavior:smooth;font-family:Elza,serif;line-height:1.6;color:var(--text-muted);background-color:var(--bg-color);max-width:100vw;overflow-x:hidden}.mosaic-project-wrapper{width:100%}.project-content{padding:0 16px;overflow-x:hidden}body[data-project=mosaic] .home-logo{position:fixed;top:50vh;left:16px;transform:translateY(-50%);z-index:1000;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;transition:all .3s ease;margin-bottom:16px}body[data-project=mosaic] .home-logo:hover{background-color:var(--card-bg);border-color:var(--gray-400);transform:translateY(-50%) scale(1)}body[data-project=mosaic] .home-logo .nav-logo{width:32px;height:32px;transition:transform .3s ease}body[data-project=mosaic] .home-logo:hover .nav-logo{transform:scale(1.1)}.project-details-section{padding:0;margin:40px auto}.cover-container{width:100%;margin-bottom:40px}.cover-image-wrapper{width:100%;border-radius:16px;overflow:hidden;position:relative;height:auto!important}.cover-image{width:100%;height:auto!important;object-fit:contain!important;object-position:center;transition:transform .4s ease}.cover-image-wrapper:hover .cover-image{transform:scale(1.05)}.project-title{font-size:3rem;line-height:1.2}.project-description{font-size:1.25rem}.project-meta-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.project-meta-item h4{font-size:.875rem;letter-spacing:.05em;margin-bottom:8px;font-weight:600;color:var(--accent-color)}.project-meta-item p{font-size:1rem;margin:0 0 4px}.mosaic-project-wrapper{min-height:100vh;background-color:var(--bg-color);color:var(--text-muted)}.project-content{max-width:800px;padding:0 24px 80px}.project-hero{margin-bottom:80px}.hero-image{width:100%;margin-bottom:40px;border-radius:16px;overflow:hidden;cursor:pointer}.hero-img{width:100%;height:auto;display:block;transition:transform .3s ease}.hero-image:hover .hero-img{transform:scale(1.02)}.project-details{max-width:800px}.project-title{font-weight:600;color:var(--heading-color);line-height:1.1}.project-description{color:var(--text-muted);line-height:1.5}.project-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.project-meta-item h4{font-size:14px;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.project-meta-item h4,.project-meta-item p{color:var(--text-muted)}.project-section{margin-bottom:80px}.project-section h2{font-size:36px;font-weight:600;color:var(--heading-color);margin-bottom:20px;line-height:1.2}.section-description{font-size:18px;color:var(--text-muted);margin-bottom:40px;line-height:1.6}.problem-points{display:grid;gap:32px}.problem-point h3{font-size:20px;font-weight:500;color:var(--heading-color);margin-bottom:8px}.problem-point p{font-size:16px;color:var(--text-muted);line-height:1.5;margin:0}.problem-points-interactive{display:grid;gap:32px;margin-top:48px;margin-bottom:48px}.problem-point-card{display:flex;align-items:flex-start;gap:24px;padding:36px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.15);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.problem-point-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s ease}.problem-point-card:hover:before{opacity:1}.problem-point-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:var(--accent-color);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.problem-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark,var(--accent-color)));border-radius:16px;color:white;font-size:24px;transition:all .4s ease;position:relative;z-index:2}.problem-point-card:hover .problem-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(var(--accent-color-rgb,255,255,255),.3)}.problem-content h3{font-size:24px;font-weight:600;color:var(--heading-color);margin-bottom:8px;transition:color .3s ease;position:relative;z-index:2}.problem-point-card:hover .problem-content h3{color:var(--accent-color)}.problem-content p{font-size:18px;color:var(--text-muted);line-height:1.6;position:relative;z-index:2;margin:0}.problem-section{margin:120px 0;padding:0}.problem-section .section-content{max-width:900px;margin:0 auto}.problem-section h2{font-size:36px;color:var(--heading-color);margin-bottom:40px;text-align:left}.problem-text{font-size:1.125rem;line-height:1.7;color:var(--text-muted);margin-bottom:24px;text-align:left}.problem-text:last-of-type{margin-bottom:60px}.concept-section{margin:120px 0;padding:0}.concept-section .section-content{max-width:900px;margin:0 auto}.concept-section h2{font-size:36px!important;margin-bottom:40px}.concept-text{font-size:1.125rem}.concept-text:last-of-type{margin-bottom:60px}.problem-section .problem-text{color:var(--text-muted)!important}.notion-todo-image{width:100%;border-radius:12px;overflow:hidden;transition:all .3s ease;margin:32px 0}.notion-todo-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.notion-todo-image:hover img{transform:scale(1.03)}.notion-description{margin-top:16px}.notion-description h4{font-size:1.125rem;font-weight:600;color:var(--heading-color);margin-bottom:12px}.notion-description p{font-size:.95rem;line-height:1.6;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.color-box{display:inline-block;width:14px;height:14px;border-radius:3px;flex-shrink:0;margin-top:4px}.color-box.orange{background-color:#FFB74D}.color-box.blue{background-color:#64B5F6}.color-box.purple{background-color:#BA68C8}.color-box.green{background-color:#81C784}.problem-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.problem-point-simple{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:border-color .3s ease}.problem-point-simple:hover{border-color:var(--accent-color)}.problem-point-simple h3{font-size:1.125rem;font-weight:600;color:var(--heading-color);margin-bottom:8px;margin-top:8px;line-height:1.3}.problem-point-simple p{font-size:.95rem;line-height:1.5;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.problem-point-simple .problem-icon-simple{margin-bottom:0}.problem-icon-simple{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--gray-600);border-radius:12px;margin-bottom:16px;color:white}.market-subsection{margin-top:80px}.subsection-title{font-size:1.875rem;font-weight:600;color:var(--heading-color);margin-bottom:24px;text-align:left}.market-text{font-size:1.125rem;line-height:1.7;color:var(--text-muted);margin-bottom:48px;text-align:left}.market-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.market-point-simple{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:border-color .3s ease}.market-point-simple:hover{border-color:var(--accent-color)}.market-point-simple h3{font-size:1.125rem;font-weight:600;color:var(--heading-color);margin-bottom:8px;margin-top:8px;line-height:1.3}.market-point-simple p{font-size:.95rem;line-height:1.5;color:var(--text-muted);margin:0}.market-icon-simple{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--gray-600);border-radius:12px;margin-bottom:16px;color:white}.research-insights{display:grid;gap:24px;margin-bottom:40px}.insight-card{padding:24px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.insight-card h3{font-size:18px;font-weight:500;color:var(--heading-color);margin-bottom:8px}.insight-card p{font-size:16px;color:var(--text-muted);line-height:1.5;margin:0}.feature-image,.research-image{width:100%;margin-top:24px;border-radius:12px;overflow:hidden;cursor:pointer}.section-img{width:100%;height:auto;display:block;transition:transform .3s ease}.feature-image:hover .section-img,.research-image:hover .section-img{transform:scale(1.03)}.design-feature{margin-bottom:48px}.design-feature h3{font-size:24px;font-weight:500;color:var(--heading-color);margin-bottom:8px}.design-feature p{font-size:16px;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.ui-screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px 32px;margin-top:40px;position:relative}.ui-screens-grid:after{top:calc(100% / 3 - 24px)}.ui-screens-grid:after,.ui-screens-grid:before{content:"";position:absolute;left:-24px;right:-24px;height:1px;background-color:var(--border-color);z-index:1}.ui-screens-grid:before{top:calc(200% / 3 - 24px)}.ui-screen-item{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.screen-image{width:100%;border-radius:12px;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.screen-image:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.screen-img{width:100%;height:auto;display:block;transition:transform .3s ease}.screen-image:hover .screen-img{transform:scale(1.05)}.screen-caption{text-align:left;margin-bottom:16px}.screen-caption h3{font-size:18px;font-weight:500;color:var(--heading-color);margin-bottom:4px;line-height:1.3}.screen-caption p{font-size:14px;color:var(--text-muted);line-height:1.4;margin:0}.conclusion-points-interactive{display:grid;gap:32px;margin-top:48px;margin-bottom:48px}.conclusion-point-card{display:flex;align-items:flex-start;gap:24px;padding:36px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.15);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.conclusion-point-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s ease}.conclusion-point-card:hover:before{opacity:1}.conclusion-point-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:var(--accent-color);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.conclusion-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark,var(--accent-color)));border-radius:16px;color:white;font-size:24px;transition:all .4s ease;position:relative;z-index:2}.conclusion-point-card:hover .conclusion-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 20px rgba(var(--accent-color-rgb,255,255,255),.3)}.conclusion-content h3{font-size:24px;font-weight:600;color:var(--heading-color);margin-bottom:8px;transition:color .3s ease;position:relative;z-index:2}.conclusion-point-card:hover .conclusion-content h3{color:var(--accent-color)}.conclusion-content p{font-size:18px;color:var(--text-muted);line-height:1.6;margin:0;position:relative;z-index:2}@media (prefers-color-scheme:dark){.conclusion-icon{background-color:var(--gray-800)}.conclusion-point-card:hover .conclusion-icon{background-color:var(--accent-color);color:white}.problem-icon{background-color:var(--gray-800)}.problem-point-card:hover .problem-icon{background-color:var(--accent-color);color:white}}.conclusion-points{display:grid;gap:24px;margin-bottom:40px}.conclusion-point h3{font-size:20px;font-weight:500;color:var(--heading-color);margin-bottom:8px}.conclusion-point p{font-size:16px;color:var(--text-muted);line-height:1.5;margin:0}.next-steps{margin-top:40px}.next-steps h3{font-size:20px;font-weight:500;color:var(--heading-color);margin-bottom:20px}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{font-size:16px;color:var(--text-muted);line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.next-steps li:before{content:"→";position:absolute;left:0;color:var(--accent-color)}@media (max-width:768px){.project-content{padding:0 16px 80px}.project-title{font-size:36px}.project-description{font-size:18px}.project-section h2{font-size:28px}.project-meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.project-section{margin-bottom:60px}.problem-section{margin:80px 0;padding:0 16px}.problem-section h2{font-size:28px;margin-bottom:32px}.problem-text{font-size:1rem;margin-bottom:20px}.problem-text:last-of-type{margin-bottom:48px}.concept-section{margin:80px 0;padding:0 16px}.concept-section h2{font-size:28px;margin-bottom:32px}.concept-text{font-size:1rem;margin-bottom:20px}.concept-text:last-of-type{margin-bottom:48px}.market-subsection{margin-top:60px}.subsection-title{font-size:1.5rem;margin-bottom:20px}.market-text{font-size:1rem;margin-bottom:32px}.market-points-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.market-point-simple{padding:20px}.market-point-simple h3{font-size:1rem;margin-bottom:10px;margin-top:10px}.market-point-simple p{font-size:.875rem}.market-icon-simple{width:40px;height:40px;margin-bottom:8px}.problem-points-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.problem-point-simple{padding:20px}.problem-point-simple h3{font-size:1rem;margin-bottom:10px;margin-top:10px}.problem-point-simple p{font-size:.875rem}.problem-icon-simple{width:40px;height:40px;margin-bottom:8px}.functions-section{padding:40px 0}.functions-section h2{font-size:28px}.functions-intro{font-size:16px;margin-bottom:32px}.function-item{gap:24px;margin-bottom:40px}.function-item,.function-item.reverse{grid-template-columns:1fr}.function-item.reverse .function-content{order:1}.function-item.reverse .function-image{order:2}.function-content h3{font-size:20px;margin-bottom:8px}.function-description{font-size:15px;margin-bottom:20px}.function-features li{font-size:13px;margin-bottom:8px}.brand-identity-section{padding:40px 0}.brand-identity-section h2{font-size:28px}.brand-text{font-size:16px;margin-bottom:32px}.color-palette-container h3{font-size:18px}.color-system-text{font-size:15px;margin-bottom:24px}.color-palette-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.color-item{padding:12px;gap:0}.color-swatch{height:60px;border-radius:6px;margin-bottom:8px}.color-info{padding:0}.color-name{font-size:13px;margin-top:0}.color-hex{font-size:11px}.conclusion-section,.pattern-section{padding:40px 0}.conclusion-section h2{font-size:28px;margin-bottom:32px}.ui-overview-image{margin-bottom:32px}.conclusion-text{font-size:16px}.ui-screens-grid{grid-template-columns:1fr;gap:24px}.conclusion-point-card{flex-direction:column;gap:16px;padding:20px}}@media (max-width:480px){.project-title{font-size:32px}.project-section h2{font-size:24px}.project-meta-grid{grid-template-columns:1fr;gap:12px}}.mosaic-project-wrapper .home-logo,body[data-project=mosaic] .home-logo.desktop-logo{position:fixed!important;top:30px!important;left:20px!important;transform:none!important;z-index:1001!important;background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:12px!important;transition:all .3s ease!important;margin:0!important;opacity:1!important;width:auto!important;height:auto!important}.mosaic-project-wrapper .home-logo:hover,body[data-project=mosaic] .home-logo.desktop-logo:hover{background-color:var(--card-bg)!important;border-color:var(--gray-400)!important;transform:none!important;opacity:1!important}.mosaic-project-wrapper .home-logo .nav-logo,body[data-project=mosaic] .home-logo.desktop-logo .nav-logo{width:32px!important;height:32px!important;transition:transform .3s ease!important}.mosaic-project-wrapper .home-logo:hover .nav-logo,body[data-project=mosaic] .home-logo.desktop-logo:hover .nav-logo{transform:scale(1.1)!important}.concept-section{padding:60px 0}.concept-section h2{font-size:28px;color:var(--heading-color);margin-bottom:16px;font-weight:600;text-align:left}.concept-text{font-size:18px;color:var(--text-muted);line-height:1.7;margin-bottom:24px;text-align:left}.concept-text:last-child{margin-bottom:0}.functions-section h2{font-size:36px;color:var(--heading-color)}.functions-intro{color:var(--text-muted)}.function-content h3{color:var(--heading-color)}.function-description,.function-features li{color:var(--text-muted)}.function-features li:before{color:var(--gray-600)}.function-features strong{color:var(--heading-color)}.brand-identity-section{padding:60px 0}.brand-identity-section h2{font-size:36px;color:var(--heading-color);margin-bottom:16px;font-weight:600;text-align:left}.brand-text{font-size:18px;color:var(--text-muted);line-height:1.7;margin-bottom:48px;text-align:left}.color-palette-container h3{font-size:20px;color:var(--heading-color);margin-bottom:8px;font-weight:600}.color-system-text,.pattern-text{font-size:18px;color:var(--text-muted);line-height:1.6;margin-bottom:32px;text-align:left}.color-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.color-item{display:flex;flex-direction:column;gap:0;padding:16px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .3s ease}.color-item,.color-item:hover{background-color:var(--card-bg)}.color-item:hover{border-color:var(--accent-color);transform:none!important;box-shadow:none!important}.color-swatch{width:calc(100% - 0px);height:80px;flex-shrink:0;border:none;border-radius:8px;margin-bottom:8px}.color-info{display:flex;flex-direction:column;gap:4px;padding:0}.color-name{font-size:14px;font-weight:600;color:var(--heading-color);margin-top:0}.color-hex{font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.color-hex,.section-content h2+p,.section-content h3+p,.section-content>p{color:var(--text-muted)}.brandmark-section{margin-top:24px;padding:0}.brandmark-section h3{font-size:20px!important;color:var(--heading-color);margin-bottom:8px;font-weight:600}.brandmark-text{font-size:18px;color:var(--text-muted);line-height:1.6;margin-bottom:32px;text-align:left}.brandmark-video{width:100%;border-radius:12px;overflow:hidden;position:relative;background-color:var(--card-bg);border:1px solid var(--border-color)}.brandmark-video video{width:100%;height:auto;display:block}.pattern-section{margin-top:24px;padding:0}.pattern-section h3{font-size:20px!important;color:var(--heading-color);margin-bottom:8px;font-weight:600}.pattern-image{width:100%;border-radius:12px;overflow:hidden;transition:all .3s ease}.pattern-image img{transition:transform .3s ease}.pattern-image:hover img{transform:scale(1.05)}.pattern-image img{width:100%;height:auto;display:block}.conclusion-section{padding:60px 0}.conclusion-section h2{font-size:36px;color:var(--heading-color);margin-bottom:40px;text-align:left}.ui-overview-image{width:100%;border-radius:12px;overflow:hidden;margin-bottom:40px;transition:all .3s ease}.ui-overview-image img{transition:transform .3s ease}.ui-overview-image:hover img{transform:scale(1.05)}.ui-overview-image img{width:100%;height:auto;display:block}.conclusion-text{color:var(--text-muted);line-height:1.7;text-align:left;margin:0}.mosaic-project-wrapper,body[data-project=mosaic]{--accent-color:#5C5C5C!important;--riverbed-400:#5C5C5C!important}.mosaic-project-wrapper .project-meta-item h4,body[data-project=mosaic] .project-meta-item h4{color:#5C5C5C!important}.mosaic-project-wrapper .market-icon-simple,.mosaic-project-wrapper .problem-icon-simple,body[data-project=mosaic] .market-icon-simple,body[data-project=mosaic] .problem-icon-simple{background-color:#5C5C5C!important}.mosaic-project-wrapper .function-features li:before,.mosaic-project-wrapper [class*=accent],body[data-project=mosaic] .function-features li:before,body[data-project=mosaic] [class*=accent]{color:#5C5C5C!important}.mosaic-project-wrapper *,body[data-project=mosaic] *{--pulse-red:#5C5C5C!important;--reach-primary:#5C5C5C!important;--retarget-primary:#5C5C5C!important}:root{--pulse-red:#FF3A5E;--pulse-light-red:#FF6B85;--pulse-dark-red:#CC2E4B;--container-width:1000px;--container-padding:24px;--image-border-radius:12px;--standard-spacing:30px}body{font-family:var(--font-family,"Elza",serif);background-color:var(--riverbed-950,#1a1d21);color:var(--riverbed-50,#f2f5f7);margin:0;padding:0}.pulse-project-wrapper{width:100%;min-height:100vh}.project-content{max-width:var(--container-width);width:100%;margin:0 auto;padding:80px 0 60px;text-align:left;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.project-details-section{width:100%;max-width:800px;text-align:left}.video-container{width:100%;max-width:800px;aspect-ratio:16/9;position:relative;margin:0 auto 40px}.video-container iframe{width:100%;height:100%;border:none;border-radius:var(--image-border-radius)}.project-header{margin:40px 0;text-align:left;width:100%}.project-title{font-size:48px;color:var(--pulse-red);margin-bottom:16px;font-weight:700}.project-description{font-size:20px;color:var(--riverbed-300);line-height:1.6;margin-bottom:40px;max-width:700px}.project-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 60px;width:100%;text-align:left}.pulse-project-wrapper .project-meta-item h4{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--pulse-red);font-weight:600;margin-bottom:8px}.project-meta-item p{font-size:16px;color:var(--riverbed-300);line-height:1.6;margin:0}.project-meta-item p+p{margin-top:4px}.problem-section{width:100%;max-width:800px;margin-top:80px;text-align:left}.problem-section h2{font-size:32px;color:var(--riverbed-50);margin-bottom:24px;font-weight:600}.problem-section p{font-size:18px;color:var(--riverbed-300);line-height:1.7;margin-bottom:60px}.problem-image{width:100%;border-radius:var(--image-border-radius);overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all .3s ease}.problem-image:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.problem-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.problem-image:hover img{transform:scale(1.05)}.research-section{width:100%;max-width:800px;margin-top:80px;text-align:left}.research-section h2{font-size:32px;color:var(--riverbed-50);margin-bottom:24px;font-weight:600}.research-section>p{font-size:18px;color:var(--riverbed-300);line-height:1.7;margin-bottom:60px}.survey-subsection{width:100%}.survey-subsection h3{font-size:24px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600}.survey-subsection>p{font-size:16px;color:var(--riverbed-300);line-height:1.7;margin-bottom:40px}.survey-components{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%}.survey-component{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 16px;text-align:center;transition:all .3s ease;cursor:pointer}.survey-component:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red)}.survey-component h4{font-size:16px;color:var(--pulse-red);margin-bottom:16px;font-weight:600}.component-description{font-size:14px;color:var(--riverbed-300);line-height:1.6;margin-top:20px;margin-bottom:0}.age-bars{flex-direction:column}.age-bar,.age-bars{display:flex;gap:12px}.age-bar{align-items:center}.age-label{font-size:12px;color:var(--riverbed-300);min-width:60px;text-align:left}.bar-container{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.bar{height:100%;border-radius:3px;transition:width .8s ease}.bar-under-30{width:19%}.bar-middle,.bar-under-30{background:var(--pulse-red)}.bar-middle{width:44%}.bar-over-50{width:37%;background:var(--pulse-red)}.percentage{font-size:12px;color:var(--riverbed-50);font-weight:600;min-width:30px}.knowledge-indicator{display:flex;justify-content:center;margin-bottom:0}.knowledge-donut{position:relative;width:90px;height:90px}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-progress{transition:stroke-dasharray 1s ease-in-out;stroke-linecap:round;animation:fillDonut 2s ease-in-out forwards}@keyframes fillDonut{0%{stroke-dasharray:0 251.33}to{stroke-dasharray:135.72 251.33}}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.knowledge-percentage{font-size:24px;font-weight:700;color:var(--pulse-red)}.interest-single-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;align-items:center}.interest-percent-top{font-size:24px;font-weight:700;color:var(--pulse-red);text-align:center}.interest-bar-container{width:140px;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.interest-bar-fill{height:100%;width:76%;background:var(--pulse-red);border-radius:6px;transition:width .8s ease}.survey-summary{font-size:16px;color:var(--riverbed-300);line-height:1.7;margin-top:40px;margin-bottom:0!important;text-align:left;max-width:100%}.faq-section{padding-left:0;padding-right:0}.faq-section h3{font-size:24px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600}.faq-intro{font-size:16px;color:var(--riverbed-300);line-height:1.7;margin-bottom:30px;text-align:left}.faq-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;width:100%}.faq-component{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0 16px;text-align:center;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:80px}.faq-component:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red)}.faq-question{font-size:14px;color:var(--riverbed-300);line-height:1.5;margin:0;font-style:italic}@media (max-width:768px){.faq-components{grid-template-columns:1fr;gap:16px}.faq-component{padding:0 12px;min-height:70px}.faq-intro{font-size:15px;margin-bottom:24px}.faq-question{font-size:13px}}@media (max-width:1024px){.research-section{margin-top:60px}.survey-components{gap:30px}}@media (max-width:768px){.research-section{margin-top:50px}.research-section h2{font-size:28px;margin-bottom:20px}.research-section>p,.survey-subsection>p{font-size:15px;margin-bottom:32px}.survey-subsection h3{font-size:22px}.survey-components{grid-template-columns:1fr;gap:24px}}@media (max-width:480px){.research-section{margin-top:40px}.research-section h2{font-size:24px;margin-bottom:16px}.research-section>p,.survey-subsection>p{font-size:16px;margin-bottom:28px}.survey-subsection h3{font-size:20px;margin-bottom:12px}.survey-component{padding:16px 12px}.knowledge-donut{width:70px;height:70px}.knowledge-percentage{font-size:18px}.interest-percent-top{font-size:20px}.interest-bar-container{width:120px;height:6px}.survey-summary{font-size:15px;margin-top:32px}}.persona-section{padding:0 0 40px}.persona-section h3{font-size:24px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600}.persona-intro{font-size:16px;color:var(--riverbed-300);line-height:1.7;margin-bottom:30px;text-align:left}.persona-components{display:flex;flex-direction:column;gap:20px;width:100%}.persona-component{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:left;transition:all .3s ease;cursor:pointer}.persona-component:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red)}.persona-header{gap:16px;margin-bottom:0!important;padding-bottom:0}.persona-header,.persona-icon{display:flex;align-items:center}.persona-icon{flex-shrink:0;justify-content:center}.persona-icon svg{width:48px;height:48px;color:var(--riverbed-300);stroke:var(--riverbed-300)}.persona-info{flex:1}.persona-header h4{font-size:12px;color:var(--pulse-red);margin-bottom:4px;font-weight:600;letter-spacing:1px}.persona-header h5{font-size:18px;color:var(--riverbed-50);margin-bottom:2px;font-weight:600}.persona-age{font-size:14px;color:var(--riverbed-300);display:block}.persona-quote{font-size:18px;color:var(--riverbed-200);line-height:1.5;margin:16px 0;font-style:italic;background:none;border:none;padding:0}.persona-traits{display:flex;flex-wrap:wrap;gap:8px}.trait{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--riverbed-200);font-weight:500}@media (max-width:768px){.persona-components{gap:16px}.persona-component{padding:16px}.persona-header{gap:12px}.persona-icon svg{width:40px;height:40px}.persona-intro{font-size:15px;margin-bottom:24px}.persona-quote{font-size:13px}.trait{font-size:11px;padding:3px 6px}}.functions-section{padding:60px 0}.functions-section h2{font-size:28px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600;text-align:left}.functions-intro{font-size:18px;color:var(--riverbed-300);line-height:1.7;margin-bottom:60px;text-align:left}.function-item{display:grid;gap:60px;align-items:center;margin-bottom:80px;opacity:0;transform:translateY(30px);transition:all .6s ease}.function-item,.function-item.reverse{grid-template-columns:1fr 1fr}.function-item.reverse .function-content{order:1}.function-item.reverse .function-image{order:2}.function-item:last-child{margin-bottom:0}.function-image{position:relative;overflow:hidden;border-radius:12px;transition:all .3s ease}.function-image:hover{transform:scale(1.02)}.function-image img{width:100%;height:auto;display:block;border-radius:12px}.function-content h3{font-size:24px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600}.function-description{font-size:16px;color:var(--riverbed-300);line-height:1.6;margin-bottom:24px}.function-features{list-style:none;padding:0;margin:0}.function-features li{font-size:14px;color:var(--riverbed-200);line-height:1.5;margin-bottom:16px;position:relative;padding-left:20px}.function-features li:before{content:"•";color:var(--pulse-red);position:absolute;left:0;font-weight:700}.function-features li:last-child{margin-bottom:0}.function-features strong{color:var(--riverbed-100);font-weight:600}.function-item.animate{opacity:1;transform:translateY(0)}@media (max-width:1024px){.function-item{gap:40px;margin-bottom:60px}.functions-intro{margin-bottom:40px}}@media (max-width:768px){.functions-section{padding:40px 0}.functions-section h2{font-size:24px}.functions-intro{font-size:16px;margin-bottom:32px}.function-item{gap:24px;margin-bottom:40px}.function-item,.function-item.reverse{grid-template-columns:1fr}.function-item.reverse .function-content{order:1}.function-item.reverse .function-image{order:2}.function-content h3{font-size:20px;margin-bottom:12px}.function-description{font-size:15px;margin-bottom:20px}.function-features li{font-size:13px;margin-bottom:12px}}.ideation-section{padding:60px 0}.ideation-section h2{font-size:28px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600;text-align:left}.ideation-intro{font-size:18px;color:var(--riverbed-300);line-height:1.7;margin-bottom:0;text-align:left}.hmw-subsection{margin-top:50px}.hmw-subsection h3{font-size:24px;color:var(--riverbed-50);margin-bottom:16px;font-weight:600}.hmw-subsection>p{font-size:16px;color:var(--riverbed-300);line-height:1.7;margin-bottom:40px;text-align:left}.hmw-questions{display:flex;flex-direction:column;gap:20px}.hmw-question{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;transition:all .3s ease;cursor:pointer}.hmw-question:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red);transform:translateY(-2px)}.hmw-header{gap:12px;margin-bottom:12px}.hmw-header,.hmw-number{display:flex;align-items:center}.hmw-number{background:var(--pulse-red);color:white;width:26px;height:26px;border-radius:50%;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.hmw-question h4{font-size:18px;color:var(--riverbed-50);margin:0;font-weight:600;flex:1}.hmw-description{font-size:14px;color:var(--riverbed-300);line-height:1.6;margin-bottom:16px}.hmw-tags{display:flex;flex-wrap:wrap;gap:8px}.hmw-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--riverbed-200);font-weight:500}@media (max-width:768px){.ideation-section{padding:40px 0}.ideation-section h2{font-size:24px}.ideation-intro{font-size:16px}.hmw-subsection{margin-top:32px}.hmw-subsection h3{font-size:20px;margin-bottom:12px}.hmw-subsection>p{font-size:15px;margin-bottom:32px}.hmw-questions{gap:16px}.hmw-question{padding:20px}.hmw-header{gap:10px;margin-bottom:10px}.hmw-number{width:24px;height:24px;font-size:12px}.hmw-question h4{font-size:16px}.hmw-description{font-size:13px;margin-bottom:12px}.hmw-tag{font-size:11px;padding:3px 6px}}.solution-subsection{margin-top:48px}.solution-subsection h3{font-size:24px;font-weight:600;color:white;margin-bottom:16px}.solution-subsection>p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:800px}.solution-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.solution-step{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .3s ease;cursor:pointer}.solution-step:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red);transform:translateY(-2px)}.solution-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.solution-number{background:var(--pulse-red);color:white;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.solution-step h4{font-size:18px;font-weight:600;color:white;margin:0;line-height:1.3}.solution-description{font-size:14px;line-height:1.5;color:rgba(255,255,255,.7);margin:0}@media (max-width:768px){.solution-subsection{margin-top:40px}.solution-subsection h3{font-size:20px;margin-bottom:12px}.solution-subsection>p{font-size:15px;margin-bottom:24px}.solution-steps{grid-template-columns:1fr;gap:16px}.solution-step{padding:20px}.solution-header{gap:10px;margin-bottom:10px}.solution-number{width:24px;height:24px;font-size:12px}.solution-step h4{font-size:16px}.solution-description{font-size:13px}}.concept-subsection{margin-top:48px}.concept-subsection h3{font-size:24px;font-weight:600;color:white;margin-bottom:16px}.concept-subsection>p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:800px}.concept-visualizations{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.concept-viz{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.concept-viz:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red);transform:translateY(-2px)}.concept-image{width:100%;height:200px;overflow:hidden}.concept-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.concept-viz:hover .concept-image img{transform:scale(1.05)}.concept-content{padding:24px}.concept-content h4{font-size:18px;font-weight:600;color:white;margin:0 0 12px;line-height:1.3}.concept-description{font-size:14px;line-height:1.5;color:rgba(255,255,255,.7);margin:0}@media (max-width:768px){.concept-subsection{margin-top:40px}.concept-subsection h3{font-size:20px;margin-bottom:12px}.concept-subsection>p{font-size:15px;margin-bottom:24px}.concept-visualizations{grid-template-columns:1fr;gap:20px}.concept-image{height:180px}.concept-content{padding:20px}.concept-content h4{font-size:16px;margin-bottom:10px}.concept-description{font-size:13px}}.design-artifacts-subsection{margin-top:48px}.design-artifacts-subsection h3{font-size:24px;font-weight:600;color:white;margin-bottom:16px}.design-artifacts-subsection>p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:800px}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.artifact-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.artifact-item:hover{background:rgba(255,255,255,.05);border-color:var(--pulse-red);transform:translateY(-2px)}.artifact-image{width:100%;height:180px;overflow:hidden}.artifact-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.artifact-item:hover .artifact-image img{transform:scale(1.05)}.artifact-content{padding:20px}.artifact-content h4{font-size:18px;font-weight:600;color:white;margin:0 0 10px;line-height:1.3}.artifact-description{font-size:14px;line-height:1.5;color:rgba(255,255,255,.7);margin:0}@media (max-width:768px){.design-artifacts-subsection{margin-top:40px}.design-artifacts-subsection h3{font-size:20px;margin-bottom:12px}.design-artifacts-subsection>p{font-size:15px;margin-bottom:24px}.artifact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.artifact-image{height:160px}.artifact-content{padding:16px}.artifact-content h4{font-size:16px;margin-bottom:8px}.artifact-description{font-size:13px}}.mockups-section{padding:80px 0;background:none!important}.mockups-section h2{font-size:32px;font-weight:600;color:white;margin-bottom:24px}.mockups-intro{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:48px;max-width:800px}.mockups-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:900px;margin:0 auto}.mockup-display{position:relative;width:800px;max-width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:none!important}.mockup-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mockup-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;transition:all .3s ease;z-index:2;box-shadow:0 2px 12px rgba(0,0,0,.15)}.mockup-arrow:hover{background:white;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px rgba(0,0,0,.25)}.mockup-arrow-left{left:20px}.mockup-arrow-right{right:20px}.mockup-dots{display:flex;gap:12px;justify-content:center;align-items:center}.mockup-dot{width:12px;height:12px;border-radius:50%;border:none;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.mockup-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.2)}.mockup-dot.active{background:var(--pulse-red);transform:scale(1.3)}@media (max-width:968px){.mockup-display{width:calc(100vw - 40px);max-width:800px}.mockup-arrow{width:40px;height:40px}.mockup-arrow-left{left:15px}.mockup-arrow-right{right:15px}}@media (max-width:768px){.mockups-section{padding:60px 0}.mockups-section h2{font-size:28px;margin-bottom:20px}.mockups-intro{font-size:16px;margin-bottom:32px}.mockup-display{width:calc(100vw - 32px)}.mockup-arrow{width:36px;height:36px}.mockup-arrow-left{left:12px}.mockup-arrow-right{right:12px}.mockup-dots{gap:10px}.mockup-dot{width:10px;height:10px}}.conclusion-section{padding:80px 0}.conclusion-section h2{font-size:32px;font-weight:600;color:white;margin-bottom:24px}.conclusion-text{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);max-width:800px;background:none!important;border:none!important;padding:0!important}.conclusion-text:last-child{margin-bottom:0}@media (max-width:768px){.conclusion-section{padding:60px 0}.conclusion-section h2{font-size:28px;margin-bottom:20px}.conclusion-text{font-size:18px;margin-bottom:20px}}