.page-hero{z-index:1;padding:24px 0 64px;position:relative}.page-hero .breadcrumb{color:var(--color-text-subtle);margin-bottom:32px;font-size:.85em}.page-hero .breadcrumb a{color:var(--color-accent)}.page-hero .breadcrumb span{color:var(--color-border-medium);margin:0 8px}.page-hero-title{text-align:center;margin-bottom:32px}.page-hero-title h1{margin:0;font-size:clamp(2em,3.5vw,10em);font-weight:600;line-height:1.15}.page-hero-inner{align-items:center;gap:0;display:flex}.page-hero-text{flex:5;padding-right:40px}.page-hero-text p{color:#363e4a;margin:0;font-size:18px;font-weight:300;line-height:1.7}[data-theme=dark] .page-hero-text p{color:var(--color-text-muted)}.page-hero-image{background:#dce8f5;border-radius:16px;flex:7;overflow:hidden}[data-theme=dark] .page-hero-image{background:#1a2535}.page-hero-image img{object-fit:cover;border-radius:16px;width:100%;height:380px;display:block}.pipeline-section{z-index:1;-webkit-backdrop-filter:blur(32.96px);background:linear-gradient(132deg,#d2c2ff26 26.47%,#fff0 88.42%);border:1px solid #4d638036;padding:80px 0;position:relative;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.pipeline-header{text-align:center;margin-bottom:64px}.pipeline-header h2{margin:0 0 16px;font-size:clamp(2em,3.5vw,10em);font-weight:200}.pipeline-header p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.05em;line-height:1.6}.pipeline-steps{flex-direction:column;align-items:center;gap:48px;display:flex}.pipeline-step{border-top:1px solid var(--color-border);width:100%;padding:48px 0;scroll-margin-top:96px;position:relative}.pipeline-step:first-child{border-top:none;padding-top:24px}.step-number{font-feature-settings:"tnum";background:linear-gradient(#46aace,#46aace00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 -25px;font-size:5.5em;font-weight:800;line-height:.85}.step-title{color:var(--color-text);margin:-.3em 0 4px;font-size:1.4em;font-weight:700;position:relative}.step-subtitle{color:var(--color-text-muted);margin:0 0 20px;font-size:.9em;font-style:italic}.step-desc{color:var(--color-text-muted);margin:0 0 20px;font-size:1em;line-height:1.7}.step-list{color:var(--color-text);margin:0 0 20px;padding-left:20px;font-size:.95em;line-height:1.8}.step-list li{margin-bottom:4px}.step-list ul{margin:4px 0;padding-left:20px}.framework-content{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px;display:grid}.framework-right{flex-direction:column;gap:20px;display:flex}.framework-right img{object-fit:cover;width:100%}.framework-collab-box{flex-direction:column;gap:20px;display:flex}.framework-collab-title{color:var(--color-text);margin:0;font-size:1.1em;font-weight:700}.framework-collab-desc{color:var(--color-text-muted);margin:0;font-size:.92em;line-height:1.7}.framework-diagram{width:100%}.framework-core-title{color:var(--color-text);margin:0;font-size:.95em;font-weight:600}.framework-core-svg{width:100%}.framework-approaches-cards{gap:16px;display:flex}.framework-approach-svg{flex:1;width:0;height:auto}.framework-concepts{margin:20px 0}.framework-concepts-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-subtle);margin:0 0 12px;font-size:.85em;font-weight:700}.framework-why{background:var(--color-hover);border-left:3px solid var(--color-accent);border-radius:12px;margin-top:24px;padding:20px 24px}.framework-why-title{color:var(--color-text);margin:0 0 8px;font-size:.95em;font-weight:600}.framework-why p{color:var(--color-text-muted);margin:0;font-size:.92em;line-height:1.7}.cognitive-metrics{gap:16px;margin-top:8px;display:flex}.cognitive-metrics-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-subtle);margin-bottom:8px;font-size:.8em;font-weight:700}.metric-card{border:1px solid var(--color-border-medium);background:var(--color-surface);text-align:center;border-radius:12px;flex:1;padding:16px}.metric-card .metric-value{color:var(--color-text);margin:0;font-size:1.6em;font-weight:700}.metric-card .metric-label{color:var(--color-text-subtle);margin:4px 0 0;font-size:.78em}.use-cases-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-subtle);margin:40px 0 16px;font-size:.85em;font-weight:700}.use-cases-grid:last-child{margin-bottom:0}.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}a.use-case-card{color:inherit;text-decoration:none}.use-case-card{border:1px solid var(--color-border);background:linear-gradient(90deg,#d2c2ff26,#fff0);border-radius:16px;flex-direction:column;justify-content:space-between;gap:20px;height:296px;padding:40px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}[data-theme=dark] .use-case-card{background:linear-gradient(90deg,#9345e11a,#0f111700)}.use-case-card:hover{box-shadow:0 12px 40px var(--color-shadow);transform:translateY(-4px)}.use-case-card h4{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 20px;font-size:24px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.use-case-card .use-case-desc{color:var(--color-text-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92em;line-height:1.6;display:-webkit-box;overflow:hidden}.use-case-footer{color:var(--color-text-subtle);justify-content:space-between;align-items:center;margin-top:20px;font-size:.85em;display:flex}.use-case-footer .read-more{color:var(--color-accent);align-items:center;gap:4px;font-size:.9em;font-weight:600;display:inline-flex}.use-case-footer .read-more:hover{color:var(--color-accent-hover)}.use-case-meta{color:var(--color-text-subtle);align-items:center;gap:6px;margin-top:12px;font-size:.82em;display:flex}.use-case-meta svg{vertical-align:-2px}.use-case-tag{border:1px solid var(--color-border-medium);color:var(--color-text);background:linear-gradient(90deg,#d2c2ff26 26%,#fff0 88%),#fff6;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.78em;font-weight:500;display:inline-block}[data-theme=dark] .use-case-tag{background:linear-gradient(90deg,#d2c2ff26 26%,#fff0 88%),#ffffff0f}.cf-banner{z-index:1;background:linear-gradient(135deg,#0a3d5c 0%,#1a6e5c 50%,#0a3d5c 100%);margin:40px 0 0;padding:60px 0;position:relative}.cf-banner-inner{flex-direction:column;gap:16px;display:flex}.cf-banner h3{color:#fff;margin:0;font-size:1.3em;font-weight:600}.cf-banner-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cf-banner-list li{color:#ffffffd9;align-items:center;gap:8px;font-size:1em;display:flex}.cf-banner-list li:before{content:"→";color:#74bf4b}@media (max-width:1024px){.page-hero-title h1{font-size:clamp(2em,3.5vw,10em)}.page-hero-image img{height:340px}.pipeline-header h2{font-size:clamp(2em,3.5vw,10em)}.pipeline-step{width:100%;padding:40px 0}.step-number{font-size:4.5em}.use-cases-grid{grid-template-columns:repeat(2,1fr)}.use-case-card{height:auto;min-height:260px;padding:28px}.use-case-card h4{font-size:20px}}@media (max-width:768px){.page-hero-inner{flex-direction:column;gap:32px}.page-hero-text{padding-right:0}.page-hero-title h1{font-size:clamp(2em,3.5vw,10em)}.page-hero-image img{max-width:100%;height:280px}.pipeline-header h2{font-size:1.8em}.pipeline-step{width:100%;padding:32px 0}.step-number{font-size:3.5em}.framework-content{grid-template-columns:1fr;gap:24px}.framework-right,.framework-collab-box{gap:16px}.framework-collab-title{font-size:1em}.framework-collab-desc{font-size:.88em}.framework-approaches-cards{flex-direction:column;gap:12px}.framework-approach-svg{flex:none;width:100%}.framework-diagram,.framework-core-svg{max-width:100%}.framework-why{padding:16px 20px}.framework-why-title{font-size:.9em}.framework-why p{font-size:.88em}.step-desc{font-size:.92em}.use-cases-grid{grid-template-columns:1fr;gap:20px}.use-case-card{height:auto;padding:28px}.cognitive-metrics{flex-wrap:wrap}}@media (max-width:480px){.page-hero-title h1{font-size:1.6em}.page-hero-image img{height:220px}.pipeline-header h2{font-size:1.5em}.pipeline-step{padding:24px 0}.step-number{font-size:3em}.step-title{font-size:1.2em}.step-desc{font-size:.88em}.framework-content{gap:20px}.framework-collab-title{font-size:.95em}.framework-why{margin-top:16px;padding:14px 16px}.framework-concepts{margin:14px 0}.step-list li{font-size:.88em}.use-case-card{padding:24px}.use-case-card h4{margin-bottom:12px;font-size:18px}}