.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fffbfef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-variant);transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:80px;position:relative}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--primary-40);font-size:1.125rem}.nav-icon{font-size:1.5rem;color:var(--primary-50)}.nav-title{font-weight:700}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:4px}.nav-toggle span{width:24px;height:2px;background-color:var(--primary-40);transition:all .3s ease;border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-item:hover{background-color:var(--primary-95);color:var(--primary-40)}.nav-item.active{background-color:var(--primary-90);color:var(--primary-30)}.nav-item-icon{font-size:1.125rem}.nav-item-label{font-weight:500}.nav-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--surface-container)}.nav-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-40),var(--primary-50));transition:width .3s ease;border-radius:0 3px 3px 0}@media (max-width: 768px){.nav-container{height:60px;padding:0 var(--spacing-md)}.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--surface);border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);flex-direction:column;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:var(--elevation-2)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-item{width:100%;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:0;border-bottom:1px solid var(--outline-variant)}.nav-item:last-child{border-bottom:none}.nav-item-icon{font-size:1.25rem}.nav-item-label{font-size:1rem}}@media (max-width: 480px){.nav-brand{font-size:1rem}.nav-icon{font-size:1.25rem}.nav-container{padding:0 var(--spacing-sm)}}.image-placeholder{position:relative;width:100%;padding-bottom:var(--aspect-ratio);background:linear-gradient(135deg,var(--surface-container) 0%,var(--surface-container-high) 100%);border:2px dashed var(--outline-variant);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.image-placeholder:hover{border-color:var(--primary-50);box-shadow:var(--elevation-1)}.placeholder-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.placeholder-icon{background-color:var(--primary-90);border-radius:var(--radius-full);padding:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.placeholder-icon .material-icons{font-size:2rem;color:var(--primary-40)}.placeholder-type{font-size:.75rem;font-weight:600;color:var(--primary-40);background-color:var(--primary-95);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.placeholder-description{font-size:.875rem;color:var(--on-surface);line-height:1.4;font-weight:500;max-height:60%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}.placeholder-description::-webkit-scrollbar{width:4px}.placeholder-description::-webkit-scrollbar-track{background:transparent}.placeholder-description::-webkit-scrollbar-thumb{background-color:var(--outline-variant);border-radius:2px}.placeholder-note{font-size:.6875rem;color:var(--on-surface-variant);font-style:italic;border-top:1px solid var(--outline-variant);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);line-height:1.2}.image-placeholder.small{max-width:200px}.image-placeholder.medium{max-width:400px}.image-placeholder.large{max-width:600px}.image-placeholder.full{width:100%}.image-placeholder[data-type=drawing]{background:linear-gradient(135deg,var(--secondary-95) 0%,var(--secondary-90) 100%);border-color:var(--secondary-70)}.image-placeholder[data-type=drawing] .placeholder-icon{background-color:var(--secondary-90)}.image-placeholder[data-type=drawing] .placeholder-icon .material-icons{color:var(--secondary-40)}.image-placeholder[data-type=drawing] .placeholder-type{background-color:var(--secondary-95);color:var(--secondary-40)}.image-placeholder[data-type=diagram]{background:linear-gradient(135deg,var(--tertiary-95) 0%,var(--tertiary-90) 100%);border-color:var(--tertiary-70)}.image-placeholder[data-type=diagram] .placeholder-icon{background-color:var(--tertiary-90)}.image-placeholder[data-type=diagram] .placeholder-icon .material-icons{color:var(--tertiary-40)}.image-placeholder[data-type=diagram] .placeholder-type{background-color:var(--tertiary-95);color:var(--tertiary-40)}.image-placeholder[data-type=chart]{background:linear-gradient(135deg,var(--success) .1%,#e8f5e8 100%);border-color:var(--success)}.image-placeholder[data-type=chart] .placeholder-icon{background-color:#216c2e1a}.image-placeholder[data-type=chart] .placeholder-icon .material-icons{color:var(--success)}.image-placeholder[data-type=chart] .placeholder-type{background-color:#216c2e1a;color:var(--success)}@media (max-width: 768px){.placeholder-content{padding:var(--spacing-md);gap:var(--spacing-sm)}.placeholder-icon{padding:var(--spacing-md)}.placeholder-icon .material-icons{font-size:1.5rem}.placeholder-description{font-size:.8125rem}.placeholder-note{font-size:.625rem}}@media (max-width: 480px){.placeholder-content{padding:var(--spacing-sm)}.placeholder-description{font-size:.75rem;max-height:50%}}.header{background:linear-gradient(135deg,var(--primary-99) 0%,var(--secondary-95) 100%);padding:var(--spacing-3xl) 0;margin-top:0}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;margin-bottom:var(--spacing-3xl)}.header-text{display:flex;flex-direction:column;gap:var(--spacing-lg)}.header-title{color:var(--primary-20);line-height:1.1;margin:0}.header-subtitle{color:var(--secondary-30);margin:0;font-weight:400}.header-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--on-surface-variant);font-size:.875rem}.meta-item .material-icons{font-size:1.125rem;color:var(--primary-50)}.header-hero{display:flex;justify-content:center;align-items:center}.hero-image{border-radius:var(--radius-lg);box-shadow:var(--elevation-3);overflow:hidden}.project-overview{margin:var(--spacing-3xl) 0}.project-overview h2{color:var(--primary-40);text-align:center;margin-bottom:var(--spacing-2xl)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.overview-card{background-color:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:var(--elevation-3)}.card-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.card-icon .material-icons{font-size:2.5rem;color:var(--primary-50);background-color:var(--primary-90);padding:var(--spacing-md);border-radius:var(--radius-full)}.overview-card h3{color:var(--primary-40);margin-bottom:var(--spacing-md)}.overview-card p{color:var(--on-surface-variant);line-height:1.6}.key-achievements{margin:var(--spacing-3xl) 0}.key-achievements h2{color:var(--primary-40);text-align:center;margin-bottom:var(--spacing-2xl)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}.achievement{background-color:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);text-align:center;border:2px solid var(--primary-90);transition:border-color .3s ease}.achievement:hover{border-color:var(--primary-70)}.achievement-number{font-size:2.5rem;font-weight:700;color:var(--primary-40);line-height:1;margin-bottom:var(--spacing-sm)}.achievement-label{font-size:.875rem;color:var(--on-surface-variant);font-weight:500}.client-spotlight{background:linear-gradient(135deg,var(--tertiary-95) 0%,var(--primary-95) 100%);padding:var(--spacing-2xl);border-radius:var(--radius-lg);margin:var(--spacing-3xl) 0}.client-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);align-items:center}.client-quote{position:relative}.quote-mark{font-size:4rem;color:var(--tertiary-40);line-height:1;position:absolute;top:-1rem;left:-1rem;font-family:Georgia,serif}.client-quote p{color:var(--tertiary-20);font-style:italic;margin:0 0 var(--spacing-lg) 0;position:relative;z-index:1}.client-attribution{color:var(--tertiary-40);font-size:.875rem}.client-image{display:flex;justify-content:center}.client-photo{border-radius:var(--radius-full);box-shadow:var(--elevation-2);max-width:200px}@media (max-width: 1024px){.header-main{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.client-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 768px){.header{padding:var(--spacing-2xl) 0}.header-content{padding:0 var(--spacing-md)}.header-main{gap:var(--spacing-xl)}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.achievement{padding:var(--spacing-lg)}.achievement-number{font-size:2rem}.overview-card,.client-spotlight{padding:var(--spacing-lg)}}@media (max-width: 480px){.header-title{font-size:2rem}.header-subtitle{font-size:1.25rem}.overview-grid,.achievements-grid{grid-template-columns:1fr}.client-quote p{font-size:1.125rem}}.table-of-contents{background:linear-gradient(135deg,var(--surface-container-lowest) 0%,var(--surface-container-low) 100%);border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant)}.toc-title{text-align:center;color:var(--primary-40);margin-bottom:var(--spacing-md)}.toc-subtitle{text-align:center;color:var(--on-surface-variant);max-width:600px;margin:0 auto var(--spacing-2xl) auto}.toc-overview{margin:var(--spacing-2xl) 0}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-lg);max-width:600px;margin:0 auto}.stat{text-align:center;padding:var(--spacing-lg);background-color:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-40);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--on-surface-variant);font-weight:500}.toc-content{margin:var(--spacing-3xl) 0}.toc-section{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);margin-bottom:var(--spacing-xl);overflow:hidden;transition:box-shadow .3s ease}.toc-section:hover{box-shadow:var(--elevation-2)}.toc-section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);cursor:pointer;transition:background-color .2s ease}.toc-section-header:hover{background-color:var(--surface-container-low)}.section-info{display:flex;align-items:center;gap:var(--spacing-lg)}.section-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);flex-shrink:0}.toc-section.primary .section-icon{background-color:var(--primary-90)}.toc-section.primary .section-icon .material-icons{color:var(--primary-40);font-size:1.75rem}.toc-section.secondary .section-icon{background-color:var(--secondary-90)}.toc-section.secondary .section-icon .material-icons{color:var(--secondary-40);font-size:1.75rem}.toc-section.tertiary .section-icon{background-color:var(--tertiary-90)}.toc-section.tertiary .section-icon .material-icons{color:var(--tertiary-40);font-size:1.75rem}.toc-section.success .section-icon{background-color:#216c2e1a}.toc-section.success .section-icon .material-icons{color:var(--success);font-size:1.75rem}.section-details{flex:1}.section-title{color:var(--on-surface);margin-bottom:var(--spacing-xs);font-weight:600}.section-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.section-pages,.section-marks{font-size:.875rem;color:var(--on-surface-variant);font-weight:500}.expand-button{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);transition:all .2s ease;color:var(--on-surface-variant)}.expand-button:hover{background-color:var(--surface-container);color:var(--on-surface)}.expand-button .material-icons{font-size:1.5rem;transition:transform .3s ease}.expand-button.expanded .material-icons{transform:rotate(180deg)}.toc-subsections{border-top:1px solid var(--outline-variant);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.toc-subsection{padding:var(--spacing-xl);border-bottom:1px solid var(--surface-container)}.toc-subsection:last-child{border-bottom:none}.subsection-header{margin-bottom:var(--spacing-lg)}.subsection-title{color:var(--primary-40);margin-bottom:var(--spacing-sm);font-weight:600;font-size:1.125rem}.subsection-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.grid-info,.marks-info,.pages-info{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-weight:500}.grid-info{background-color:var(--primary-95);color:var(--primary-40)}.marks-info{background-color:var(--success);color:var(--on-success);opacity:.9}.pages-info{background-color:var(--surface-container-high);color:var(--on-surface-variant)}.content-list{list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.content-item{position:relative;padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);color:var(--on-surface-variant);font-size:.875rem;line-height:1.5}.content-item:before{content:"▸";position:absolute;left:0;color:var(--primary-50);font-weight:700}.goto-section{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.toc-navigation{text-align:center;margin-top:var(--spacing-3xl)}@media (max-width: 1024px){.toc-section-header,.toc-subsection{padding:var(--spacing-lg)}}@media (max-width: 768px){.overview-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.section-info{gap:var(--spacing-md)}.section-icon{width:48px;height:48px}.section-icon .material-icons{font-size:1.5rem!important}.section-meta,.subsection-meta{flex-direction:column;gap:var(--spacing-xs)}.toc-section-header,.toc-subsection{padding:var(--spacing-md)}}@media (max-width: 480px){.overview-stats{grid-template-columns:1fr 1fr}.stat{padding:var(--spacing-md)}.stat-number{font-size:1.5rem}.section-title,.subsection-title{font-size:1rem}}.part1-investigation{background:linear-gradient(135deg,var(--primary-99) 0%,var(--surface) 100%)}.part-header{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl);background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-2)}.part-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-40),var(--primary-50));border-radius:var(--radius-full);flex-shrink:0}.part-icon .material-icons{font-size:2.5rem;color:#fff}.part-info{flex:1}.part-info h2{color:var(--primary-30);margin-bottom:var(--spacing-sm)}.part-meta{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.part-meta span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--on-surface-variant)}.pages{color:var(--primary-40)}.marks{color:var(--success)}.target{color:var(--tertiary-40)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-90)}.section-header h3{color:var(--primary-40);flex:1;margin-right:var(--spacing-lg)}.grid-info{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.grid-badge{background-color:var(--primary-40);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.marks-info{background-color:var(--success);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.pages-info{background-color:var(--surface-container-high);color:var(--on-surface-variant);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.content-block{margin:var(--spacing-2xl) 0}.content-block h4{color:var(--primary-30);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--primary-95);padding-bottom:var(--spacing-sm)}.content-block h5{color:var(--secondary-30);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.content-block h6{color:var(--on-surface);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.possibilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.possibility-card{background-color:var(--surface-container-low);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--outline-variant);transition:all .3s ease}.possibility-card:hover{box-shadow:var(--elevation-2);border-color:var(--primary-50)}.possibility-card h6{color:var(--primary-40);margin-bottom:var(--spacing-sm)}.dialogue{margin:var(--spacing-lg) 0}.dialogue-line{margin:var(--spacing-md) 0;padding:var(--spacing-md);border-radius:var(--radius-sm);line-height:1.6}.dialogue-line.designer{background-color:var(--primary-95);border-left:4px solid var(--primary-40)}.dialogue-line.client{background-color:var(--secondary-95);border-left:4px solid var(--secondary-40)}.interaction-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.interaction-header .material-icons{color:var(--tertiary-40);font-size:1.5rem}.interaction-details h6{color:var(--tertiary-40);margin-bottom:var(--spacing-xs)}.interaction-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;font-size:.875rem;color:var(--on-surface-variant)}.analysis-box{background-color:var(--surface-container);padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;border:1px solid var(--outline-variant)}.analysis-box h6{color:var(--primary-40);margin-bottom:var(--spacing-lg)}.analysis-box h7{font-size:.875rem;font-weight:600;color:var(--secondary-40);margin-bottom:var(--spacing-sm);display:block}.market-analysis{margin:var(--spacing-xl) 0}.product-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.category-card{background-color:var(--surface-container-low);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--outline-variant)}.category-card h7{color:var(--secondary-40);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm);display:block}.market-gap{background-color:var(--warning);color:var(--on-warning);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;font-weight:500}.design-brief-box{background:linear-gradient(135deg,var(--primary-95),var(--secondary-95));padding:var(--spacing-2xl);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;border:2px solid var(--primary-80)}.design-brief-box h6{color:var(--primary-40);text-align:center;margin-bottom:var(--spacing-lg)}.design-brief-final{background:linear-gradient(135deg,var(--primary-95),var(--secondary-95));padding:var(--spacing-2xl);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;border:2px solid var(--primary-80)}.brief-statement{background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);border-left:4px solid var(--primary-40);margin:var(--spacing-lg) 0;font-style:italic;font-size:1.125rem;line-height:1.6;color:var(--primary-20)}.specifications-container{display:grid;gap:var(--spacing-2xl);margin:var(--spacing-xl) 0}.spec-category{background-color:var(--surface-container-low);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--outline-variant)}.spec-category-title{color:var(--primary-40);text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-90)}.spec-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.spec-code{background-color:var(--primary-40);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-weight:600;min-width:40px;text-align:center}.spec-title{color:var(--on-surface);flex:1}.spec-details{margin-left:calc(40px + var(--spacing-md))}.spec-details li{margin:var(--spacing-xs) 0}.image-container{margin:var(--spacing-xl) 0;display:flex;justify-content:center}@media (max-width: 1024px){.part-header{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.section-header{flex-direction:column;gap:var(--spacing-md)}.grid-info{align-items:flex-start}}@media (max-width: 768px){.part-icon{width:60px;height:60px}.part-icon .material-icons{font-size:2rem}.possibilities-grid,.product-categories{grid-template-columns:1fr}.part-meta{flex-direction:column;gap:var(--spacing-sm)}.interaction-meta{flex-direction:column;gap:var(--spacing-xs)}.analysis-box,.design-brief-final,.design-brief-box{padding:var(--spacing-lg)}.brief-statement{padding:var(--spacing-lg);font-size:1rem}.spec-category{padding:var(--spacing-lg)}}.part2-design-development{background:linear-gradient(135deg,var(--secondary-99) 0%,var(--surface) 100%)}.design-tabs{margin:var(--spacing-2xl) 0}.tab-nav{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--outline-variant);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-nav::-webkit-scrollbar{display:none}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .3s ease;white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-button:hover{background-color:var(--surface-container-low);color:var(--secondary-40)}.tab-button.active{background-color:var(--secondary-95);color:var(--secondary-30);border-bottom-color:var(--secondary-40)}.tab-button .material-icons{font-size:1.125rem}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.concept-card{background-color:var(--surface);border:2px solid var(--outline-variant);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.concept-card:hover{box-shadow:var(--elevation-2);border-color:var(--secondary-50)}.concept-card.selected{border-color:var(--success);box-shadow:var(--elevation-2);background:linear-gradient(135deg,#fff,#f0fdf4)}.concept-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background-color:var(--surface-container-low);position:relative}.concept-card.selected .concept-header{background:linear-gradient(135deg,var(--success) .1%,#dcfce7 100%)}.concept-name{color:var(--secondary-30);margin:0}.concept-card.selected .concept-name{color:var(--success)}.concept-score{display:flex;align-items:baseline;gap:var(--spacing-xs)}.score-value{font-size:1.5rem;font-weight:700;color:var(--secondary-40)}.concept-card.selected .score-value{color:var(--success)}.score-max{font-size:.875rem;color:var(--on-surface-variant)}.selected-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--success);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.selected-badge .material-icons{font-size:1rem}.concept-image{padding:var(--spacing-lg);background-color:var(--surface-container-lowest)}.concept-description{padding:0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg)}.concept-analysis{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--surface-container-lowest)}.analysis-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.strengths .analysis-title{color:var(--success)}.strengths .analysis-title .material-icons{color:var(--success);font-size:1rem}.weaknesses .analysis-title{color:var(--error)}.weaknesses .analysis-title .material-icons{color:var(--error);font-size:1rem}.concept-analysis ul{list-style:none;padding:0;margin:0}.concept-analysis li{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-xs);line-height:1.4}.strengths li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.weaknesses li:before{content:"!";position:absolute;left:0;color:var(--error);font-weight:700}.evaluation-content{background-color:var(--surface-container-low);padding:var(--spacing-2xl);border-radius:var(--radius-lg)}.results-table{margin:var(--spacing-xl) 0}.selected-row{background-color:var(--success);background-color:#216c2e1a}.score{font-family:var(--font-family-mono);font-weight:600;color:var(--secondary-40)}.score.winner{color:var(--success);font-size:1.125rem}.decision-box{background:linear-gradient(135deg,var(--success) .1%,#f0fdf4 100%);border:2px solid var(--success);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.decision-box h6{color:var(--success);margin-bottom:var(--spacing-md)}.decision-box ol{color:var(--on-surface)}.development-content{background-color:var(--surface-container-low);padding:var(--spacing-2xl);border-radius:var(--radius-lg)}.focus-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.focus-card{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--outline-variant);text-align:center;transition:all .3s ease}.focus-card:hover{box-shadow:var(--elevation-2);border-color:var(--secondary-50)}.focus-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.focus-icon .material-icons{font-size:2rem;color:var(--secondary-50);background-color:var(--secondary-95);padding:var(--spacing-md);border-radius:var(--radius-full)}.focus-card h6{color:var(--secondary-40);margin-bottom:var(--spacing-sm)}.focus-card p{color:var(--on-surface-variant);font-size:.875rem}.development-timeline{margin:var(--spacing-xl) 0}.iteration-card{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--surface-container-low);border-radius:var(--radius-md);border-left:4px solid var(--outline-variant);transition:all .3s ease}.iteration-card.selected{background:linear-gradient(135deg,var(--success) .1%,#f0fdf4 100%);border-left-color:var(--success);box-shadow:var(--elevation-1)}.iteration-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--secondary-90);color:var(--secondary-40);font-weight:700;border-radius:var(--radius-full);flex-shrink:0}.iteration-card.selected .iteration-number{background-color:var(--success);color:#fff}.iteration-content{flex:1}.iteration-title{color:var(--secondary-40);margin-bottom:var(--spacing-sm)}.iteration-card.selected .iteration-title{color:var(--success)}.iteration-result{margin:var(--spacing-xs) 0;font-size:.875rem}.iteration-result.success{color:var(--success)}.iteration-result.failure{color:var(--error)}.iteration-result.partial{color:var(--warning)}.iteration-learning{color:var(--on-surface-variant);font-style:italic;font-size:.875rem;margin-top:var(--spacing-xs)}.making-narrative{background-color:var(--primary-95);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border-left:4px solid var(--primary-40)}.making-narrative h7{font-size:.875rem;font-weight:600;color:var(--primary-40);display:block;margin-bottom:var(--spacing-sm)}.making-narrative .italic{font-style:italic;color:var(--primary-20)}.calculation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.calc-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-container-low);border-radius:var(--radius-sm);border:1px solid var(--outline-variant)}.calc-result{grid-column:1 / -1;display:flex;justify-content:space-between;padding:var(--spacing-md);background-color:var(--success);background-color:#216c2e1a;border:2px solid var(--success);border-radius:var(--radius-sm);font-weight:600}.calc-label{font-weight:500;color:var(--on-surface-variant)}.calc-value{font-family:var(--font-family-mono);font-weight:600;color:var(--on-surface)}.calc-value.success{color:var(--success)}@media (max-width: 1024px){.concepts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.concept-analysis{grid-template-columns:1fr}.focus-areas{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.tab-nav{gap:0}.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.concepts-grid{grid-template-columns:1fr}.concept-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.selected-badge{position:static;align-self:flex-start}.iteration-card{flex-direction:column;gap:var(--spacing-md)}.iteration-number{align-self:flex-start}.calculation-grid{grid-template-columns:1fr}}@media (max-width: 480px){.evaluation-content,.development-content{padding:var(--spacing-lg)}.focus-areas{grid-template-columns:1fr}.making-narrative{padding:var(--spacing-md)}}.part3-making{background:linear-gradient(135deg,var(--tertiary-99) 0%,var(--surface) 100%)}.safety-section{background-color:var(--warning);background-color:#7d57001a;border:2px solid var(--warning);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.safety-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.safety-header .material-icons{color:var(--warning);font-size:1.5rem}.safety-header h5{color:var(--warning);margin:0}.risk-assessment{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border-left:4px solid var(--warning)}.risk-assessment h6{color:var(--warning);margin-bottom:var(--spacing-md)}.manufacturing-timeline{margin:var(--spacing-2xl) 0}.manufacturing-step{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background-color:var(--surface-container-low);border-radius:var(--radius-lg);border-left:4px solid var(--tertiary-40)}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,var(--tertiary-40),var(--tertiary-50));color:#fff;font-weight:700;font-size:1.25rem;border-radius:var(--radius-full);flex-shrink:0}.step-content{flex:1}.step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.step-title{color:var(--tertiary-30);margin:0;flex:1}.step-duration{background-color:var(--tertiary-90);color:var(--tertiary-40);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.step-description{color:var(--on-surface-variant);margin-bottom:var(--spacing-lg);line-height:1.5}.step-image{max-width:400px;margin:var(--spacing-lg) 0}.quality-metrics{margin:var(--spacing-xl) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.metric-card{background-color:var(--surface);border:2px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--spacing-lg);position:relative;transition:all .3s ease}.metric-card.pass{border-color:var(--success);background:linear-gradient(135deg,#fff,#f0fdf4)}.metric-card:hover{box-shadow:var(--elevation-2)}.metric-name{color:var(--on-surface);margin-bottom:var(--spacing-md);font-size:1rem}.metric-card.pass .metric-name{color:var(--success)}.metric-values{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.metric-achieved{font-family:var(--font-family-mono);font-size:1.125rem;font-weight:700;color:var(--on-surface)}.metric-card.pass .metric-achieved{color:var(--success)}.metric-target{font-size:.875rem;color:var(--on-surface-variant)}.metric-status{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.metric-status .material-icons{font-size:1.5rem;color:var(--success)}.calibration-section{background-color:var(--primary-95);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;border:2px solid var(--primary-80)}.calibration-section h5{color:var(--primary-40);margin-bottom:var(--spacing-lg)}.step-details{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--primary-40);margin-bottom:var(--spacing-lg);font-style:italic}.calibration-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--primary-80)}.result-label{font-weight:500;color:var(--on-surface-variant)}.result-value{font-family:var(--font-family-mono);font-weight:600;color:var(--primary-40)}.result-value.success{color:var(--success)}.advanced-techniques{margin:var(--spacing-xl) 0}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.technique-card{background-color:var(--surface-container-low);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;border:1px solid var(--outline-variant);transition:all .3s ease}.technique-card:hover{box-shadow:var(--elevation-2);border-color:var(--tertiary-50)}.technique-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.technique-icon .material-icons{font-size:2rem;color:var(--tertiary-50);background-color:var(--tertiary-95);padding:var(--spacing-md);border-radius:var(--radius-full)}.technique-card h6{color:var(--tertiary-40);margin-bottom:var(--spacing-sm)}.technique-card p{color:var(--on-surface-variant);font-size:.875rem}.problem-solving{margin:var(--spacing-xl) 0}.challenge-card{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.challenge-title{color:var(--error);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.challenge-title:before{content:"⚠️";font-size:1.25rem}.challenge-details{display:grid;gap:var(--spacing-sm)}.challenge-details>div{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem}.problem{background-color:#ba1a1a1a;border-left:4px solid var(--error)}.investigation{background-color:#7d57001a;border-left:4px solid var(--warning)}.solution{background-color:#216c2e1a;border-left:4px solid var(--success)}.result.success{background-color:#216c2e1a;border-left:4px solid var(--success);font-weight:500}.batch-production{margin:var(--spacing-xl) 0}.production-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.production-stat{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--success);text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--success);margin-bottom:var(--spacing-sm)}.stat-label{font-size:.875rem;color:var(--on-surface-variant);line-height:1.3}@media (max-width: 1024px){.manufacturing-step{flex-direction:column;gap:var(--spacing-md)}.step-number{align-self:flex-start}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.step-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.step-duration{align-self:flex-start}.metrics-grid,.techniques-grid,.production-metrics,.calibration-results{grid-template-columns:1fr}.result-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width: 480px){.manufacturing-step{padding:var(--spacing-lg)}.step-number{width:40px;height:40px;font-size:1rem}.calibration-section,.safety-section{padding:var(--spacing-lg)}}.part4-testing{background:linear-gradient(135deg,#f0fdf4 0%,var(--surface) 100%)}.specification-testing{margin:var(--spacing-xl) 0}.spec-tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.spec-test-card{background-color:var(--surface);border:2px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;transition:all .3s ease}.spec-test-card.pass{border-color:var(--success);background:linear-gradient(135deg,#fff,#f0fdf4)}.spec-test-card:hover{box-shadow:var(--elevation-2)}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.test-id{background-color:var(--primary-40);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-weight:600;font-size:.875rem}.spec-test-card.pass .test-id{background-color:var(--success)}.test-status .material-icons{font-size:1.5rem;color:var(--success)}.test-title{color:var(--on-surface);margin-bottom:var(--spacing-md);font-size:1.125rem}.spec-test-card.pass .test-title{color:var(--success)}.test-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.test-requirement,.test-achieved{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--surface-container-low);border-radius:var(--radius-sm);font-size:.875rem}.test-achieved{background-color:#216c2e1a}.test-details .label{font-weight:600;color:var(--on-surface-variant);flex-shrink:0}.test-details .value{font-family:var(--font-family-mono);color:var(--on-surface);text-align:right}.test-achieved .value{color:var(--success);font-weight:600}.test-achievement{text-align:center;margin-top:var(--spacing-sm)}.achievement-badge{background-color:var(--success);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.overall-achievement{display:flex;justify-content:center;margin:var(--spacing-2xl) 0}.achievement-summary{background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--elevation-3)}.summary-value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-sm)}.summary-label{font-size:1.125rem;opacity:.9;margin-bottom:var(--spacing-sm)}.summary-grade{font-size:1.5rem;font-weight:700;letter-spacing:2px}.testing-methodology{margin:var(--spacing-2xl) 0}.test-case{background-color:var(--surface-container-low);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;border:1px solid var(--outline-variant)}.test-case-title{color:var(--primary-40);margin-bottom:var(--spacing-md);font-size:1.125rem}.test-description{color:var(--on-surface-variant);margin-bottom:var(--spacing-lg);font-style:italic}.test-methodology-details{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border-left:4px solid var(--primary-40)}.test-methodology-details h7{font-size:.875rem;font-weight:600;color:var(--primary-40);display:block;margin-bottom:var(--spacing-sm)}.methodology-list{margin:0;padding-left:var(--spacing-lg)}.methodology-list li{margin:var(--spacing-xs) 0;color:var(--on-surface-variant);font-size:.875rem}.test-results-table{margin:var(--spacing-lg) 0}.average-row{background-color:#216c2e1a;font-weight:600}.client-testing{margin:var(--spacing-2xl) 0}.dialogue-line.student{background-color:var(--tertiary-95);border-left:4px solid var(--tertiary-40)}.client-satisfaction{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.satisfaction-score{display:flex;align-items:baseline;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--tertiary-40),var(--tertiary-50));color:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--elevation-2)}.satisfaction-score .score{font-size:2.5rem;font-weight:700}.satisfaction-score .score-max{font-size:1.5rem;opacity:.8}.satisfaction-score .score-label{font-size:.875rem;opacity:.9;margin-left:var(--spacing-sm)}.user-study{margin:var(--spacing-2xl) 0}.user-results{margin:var(--spacing-xl) 0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.result-card{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--success);text-align:center}.result-card h7{font-size:.875rem;font-weight:600;color:var(--on-surface-variant);display:block;margin-bottom:var(--spacing-sm)}.result-improvement{font-size:1.25rem;font-weight:700;color:var(--success);margin-bottom:var(--spacing-xs)}.result-value{font-size:.875rem;color:var(--on-surface-variant)}.market-validation-section{margin:var(--spacing-2xl) 0}.market-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.market-metric{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--primary-80);text-align:center}.metric-value{font-size:2rem;font-weight:700;color:var(--primary-40);line-height:1;margin-bottom:var(--spacing-sm)}.metric-label{font-size:.875rem;font-weight:600;color:var(--on-surface);margin-bottom:var(--spacing-xs)}.metric-detail{font-size:.75rem;color:var(--on-surface-variant)}.market-feedback{margin:var(--spacing-xl) 0}.feedback-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.feedback-stat{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--surface-container-low);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--secondary-40)}.stat-percentage{font-size:2rem;font-weight:700;color:var(--secondary-40);flex-shrink:0}.stat-description{color:var(--on-surface);font-size:.875rem;line-height:1.4}.environmental-testing{margin:var(--spacing-2xl) 0}.lca-results{margin:var(--spacing-xl) 0}.lca-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.lca-phase{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--surface-container-low);border-radius:var(--radius-sm);border-left:4px solid var(--warning)}.lca-phase.negative{background-color:#216c2e1a;border-left-color:var(--success)}.lca-total{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--primary-95);border:2px solid var(--primary-40);border-radius:var(--radius-md);font-weight:600}.phase-name{color:var(--on-surface);font-weight:500}.phase-value{font-family:var(--font-family-mono);font-weight:600;color:var(--warning)}.lca-phase.negative .phase-value{color:var(--success)}.lca-total .phase-value{color:var(--primary-40)}.environmental-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.comparison-stat{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--success);text-align:center}.comparison-value{font-size:2rem;font-weight:700;color:var(--success);line-height:1;margin-bottom:var(--spacing-sm)}.comparison-label{font-size:.875rem;color:var(--on-surface-variant)}.final-evaluation{margin:var(--spacing-2xl) 0}.evaluation-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin:var(--spacing-xl) 0}.strengths-section,.improvements-section{background-color:var(--surface-container-low);padding:var(--spacing-xl);border-radius:var(--radius-lg)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-40);margin-bottom:var(--spacing-lg)}.section-title .material-icons{color:var(--primary-50)}.improvements-section .section-title{color:var(--tertiary-40)}.improvements-section .section-title .material-icons{color:var(--tertiary-50)}.evaluation-summary ul{margin:0;padding-left:var(--spacing-lg)}.evaluation-summary li{margin:var(--spacing-md) 0;color:var(--on-surface);line-height:1.5}.third-party-validation{margin:var(--spacing-xl) 0}.expert-review{background:linear-gradient(135deg,var(--primary-95),white);border-left:4px solid var(--primary-40);padding:var(--spacing-xl);border-radius:var(--radius-md);font-style:italic;font-size:1.125rem;line-height:1.6;color:var(--primary-20);margin:0}.expert-review footer{margin-top:var(--spacing-lg);text-align:right;font-style:normal;font-weight:600;color:var(--primary-40)}@media (max-width: 1024px){.spec-tests-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.evaluation-summary{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media (max-width: 768px){.results-grid,.market-metrics,.lca-breakdown,.environmental-comparison,.feedback-stats{grid-template-columns:1fr}.feedback-stat{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.summary-value{font-size:2.5rem}.test-case{padding:var(--spacing-lg)}}@media (max-width: 480px){.achievement-summary{padding:var(--spacing-lg)}.summary-value{font-size:2rem}.summary-grade{font-size:1.25rem}.expert-review{padding:var(--spacing-lg);font-size:1rem}}.paper-page{width:1169px;height:827px;background:#fff;box-shadow:0 4px 20px #00000026;margin:20px;display:flex;flex-direction:column;font-family:Times New Roman,serif;position:relative;border:1px solid #ddd}.page-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:2px solid #2196F3;background:linear-gradient(to bottom,#f8f9fa,#fff);min-height:60px;font-size:11px;font-weight:600;color:#333}.header-left,.header-center,.header-right{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.page-number{color:#2196f3;font-weight:700;font-size:12px}.section-info{color:#666;font-size:10px;margin-top:2px}.page-title{font-weight:700;font-size:12px;color:#333;max-width:400px;line-height:1.2}.grid-info{color:#2196f3;font-weight:700;font-size:11px}.marks-info{color:#666;font-size:10px;margin-top:2px}.page-content{flex:1;padding:20px 25px;font-size:11px;line-height:1.4;overflow-y:auto}.page-section{margin-bottom:20px}.section-title{font-size:14px;font-weight:700;color:#2196f3;margin:0 0 12px;border-bottom:1px solid #e0e0e0;padding-bottom:4px}.subsection-title{font-size:12px;font-weight:700;color:#333;margin:12px 0 8px}.body-text{font-size:11px;line-height:1.5;margin:8px 0;text-align:justify}.body-text strong{font-weight:700;color:#333}.research-method-box{background:#f8f9fa;border:1px solid #dee2e6;border-left:4px solid #2196F3;padding:12px;margin:12px 0;font-size:10px}.client-interaction-box{background:#fff8e1;border:1px solid #ffcc02;border-left:4px solid #ff9800;padding:12px;margin:12px 0;font-size:10px}.technical-spec-box{background:#f3e5f5;border:1px solid #ce93d8;border-left:4px solid #9c27b0;padding:12px;margin:12px 0;font-family:Courier New,monospace;font-size:10px}.analysis-box{background:#e8f5e8;border:1px solid #a5d6a7;border-left:4px solid #4caf50;padding:12px;margin:12px 0;font-size:10px}.examiner-note{background:#ffecb3;border:1px solid #ffca28;border-left:4px solid #ffa000;padding:10px;margin:15px 0;font-size:10px;font-weight:700;color:#e65100}.final-examiner-note{background:#e1f5fe;border:2px solid #0277bd;padding:15px;margin:15px 0;font-size:11px;font-weight:700;color:#01579b;text-align:center}.compact-list{font-size:10px;line-height:1.3}.compact-list div{margin:3px 0}.body-text ul,.body-text ol{margin:8px 0;padding-left:18px;font-size:10px}.body-text li{margin:2px 0;line-height:1.4}.possibilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.possibility-card{background:#f8f9fa;border:1px solid #e0e0e0;padding:8px;border-radius:4px}.card-title{font-size:11px;font-weight:700;color:#2196f3;margin:0 0 4px}.card-text{font-size:10px;line-height:1.3;margin:0}.two-column-compact{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px}.interaction-header{font-weight:700;margin-bottom:8px;color:#333}.interaction-meta{font-size:9px;color:#666;margin-top:2px}.dialogue-section{margin-top:8px}.dialogue-line{margin:6px 0;font-size:10px;line-height:1.4;padding:4px 0}.dialogue-line.designer{border-left:3px solid #2196F3;padding-left:8px;background:#f8f9fa}.dialogue-line.client{border-left:3px solid #ff9800;padding-left:8px;background:#fff8e1}.specifications-container{margin:15px 0}.spec-category{margin:15px 0;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.spec-category-title{background:#2196f3;color:#fff;padding:8px 12px;margin:0;font-size:12px;font-weight:700}.specification-point{border-bottom:1px solid #f0f0f0;padding:10px 12px}.specification-point:last-child{border-bottom:none}.spec-header{font-weight:700;color:#333;margin-bottom:6px;font-size:11px}.spec-details{font-size:10px;line-height:1.4}.spec-details div{margin:3px 0}.design-brief{background:#e3f2fd;border-left:4px solid #2196F3;padding:15px;margin:15px 0;font-style:italic;font-size:12px;line-height:1.5}.image-placeholder-container{margin:12px 0;text-align:center}.paper-image{max-width:100%;height:auto;border:1px solid #ddd;border-radius:4px}.measurement-list{font-family:Courier New,monospace;font-size:10px;background:#f8f9fa;padding:8px;border:1px solid #e0e0e0;margin:8px 0}.measurement-list div{margin:3px 0;color:#333}.achievement-summary{margin:15px 0}.achievement-section{margin:10px 0;padding:8px;background:#f8f9fa;border-left:3px solid #4caf50;font-size:10px;line-height:1.4}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.metric{background:#e3f2fd;padding:6px;text-align:center;border-radius:4px;font-size:10px;border:1px solid #bbdefb}.final-statement{margin:15px 0;padding:12px;background:#f3e5f5;border-left:4px solid #9c27b0;font-size:11px}.gratitude{text-align:center;padding:15px;background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;font-size:11px;font-style:italic;margin:15px 0}.portfolio-end{text-align:center;padding:20px;background:#2196f3;color:#fff;margin:20px 0 0;font-size:12px;font-weight:700;line-height:1.5}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 25px;border-top:1px solid #e0e0e0;background:#f8f9fa;font-size:9px;color:#666;min-height:30px}.page-placeholder{padding:40px;text-align:center;color:#666;font-style:italic;font-size:12px}.placeholder-note{background:#fff3e0;border:1px solid #ffcc02;border-left:4px solid #ff9800;padding:15px;margin:20px 0;font-size:10px}.placeholder-note ul{margin:8px 0;padding-left:18px}.placeholder-note li{margin:4px 0}@media (max-width: 1400px){.paper-page{width:900px;height:636px;transform-origin:top left}.possibilities-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1000px){.paper-page{width:700px;height:495px}.page-content{font-size:10px}.section-title{font-size:12px}.subsection-title{font-size:11px}.two-column-compact{grid-template-columns:1fr}}@media print{.paper-page{width:11.69in;height:8.27in;margin:0;box-shadow:none;border:none;page-break-after:always}.page-header,.page-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.paper-view{min-height:100vh;background-color:#f5f5f5;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px;padding:20px}.paper-controls{position:sticky;top:60px;z-index:100;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.page-navigation{display:flex;align-items:center;gap:12px}.nav-button{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.nav-button:hover:not(:disabled){background:#1976d2}.nav-button:disabled{background:#ccc;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:4px;font-weight:500;color:#333}.current-page{font-size:16px;color:#2196f3}.total-pages{font-size:14px;color:#666}.view-controls{display:flex;gap:8px}.view-mode-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.view-mode-button.active{background:#2196f3;color:#fff;border-color:#2196f3}.view-mode-button:hover:not(.active){background:#e3f2fd}.page-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;background:#fff}.paper-container{display:flex;justify-content:center;gap:20px;margin:0 auto;max-width:100%}.paper-container.single{max-width:1200px}.paper-container.spread{max-width:2400px}.paper-footer{position:sticky;bottom:20px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-top:20px;box-shadow:0 2px 10px #0000001a}.progress-indicator{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#2196f3;transition:width .3s ease}.progress-text{font-size:14px;font-weight:500;color:#333;min-width:80px;text-align:right}@media (max-width: 1400px){.paper-container.spread{flex-direction:column;align-items:center}}@media (max-width: 768px){.paper-view{padding:10px}.paper-controls{flex-direction:column;align-items:stretch}.page-navigation,.view-controls{justify-content:center}.page-select{min-width:auto}}@media print{.paper-view{background:#fff;padding:0}.paper-controls,.paper-footer{display:none}.paper-container{gap:0}}.footer{background:linear-gradient(135deg,var(--surface-container-high) 0%,var(--surface-container) 100%);border-top:1px solid var(--outline-variant);margin-top:var(--spacing-3xl);padding:var(--spacing-3xl) 0 var(--spacing-xl) 0}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--outline-variant)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-lg)}.brand-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-40),var(--primary-50));border-radius:var(--radius-lg);flex-shrink:0}.brand-icon .material-icons{font-size:2rem;color:#fff}.brand-info{flex:1}.brand-title{color:var(--primary-40);font-size:1.5rem;margin-bottom:var(--spacing-xs)}.brand-subtitle{color:var(--on-surface-variant);font-size:.875rem;margin:0}.footer-summary{background-color:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--outline-variant)}.summary-title{color:var(--primary-40);font-size:1.125rem;margin-bottom:var(--spacing-md)}.summary-text{color:var(--on-surface-variant);line-height:1.6;margin:0}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--outline-variant)}.stat-group{background-color:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--outline-variant)}.stat-category{color:var(--secondary-40);font-size:1rem;margin-bottom:var(--spacing-lg);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.stat{text-align:center;padding:var(--spacing-md);background-color:var(--surface-container-low);border-radius:var(--radius-sm)}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-40);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.75rem;color:var(--on-surface-variant);font-weight:500}.key-achievements-footer{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--outline-variant)}.achievements-title{color:var(--tertiary-40);font-size:1.125rem;margin-bottom:var(--spacing-lg);text-align:center}.achievements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.achievement-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);font-size:.875rem;color:var(--on-surface)}.achievement-item .material-icons{color:var(--success);font-size:1.125rem;flex-shrink:0}.project-timeline{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--outline-variant)}.timeline-title{color:var(--primary-40);font-size:1.125rem;margin-bottom:var(--spacing-lg);text-align:center}.timeline-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.timeline-phase{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--outline-variant)}.phase-dates{font-family:var(--font-family-mono);font-size:.75rem;color:var(--on-surface-variant);background-color:var(--surface-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.phase-name{font-size:.875rem;font-weight:600;color:var(--primary-40);text-align:center}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-lg)}.portfolio-info{flex:1}.copyright,.tech-info{font-size:.75rem;color:var(--on-surface-variant);line-height:1.4;margin:var(--spacing-xs) 0}.scroll-to-top{flex-shrink:0}.scroll-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-40);color:#fff;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.scroll-button:hover{background-color:var(--primary-30);transform:translateY(-2px);box-shadow:var(--elevation-2)}.scroll-button .material-icons{font-size:1.125rem}@media (max-width: 1024px){.footer-main,.project-stats{grid-template-columns:1fr;gap:var(--spacing-xl)}.achievements-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg) 0}.footer-content{padding:0 var(--spacing-md)}.footer-brand{flex-direction:column;text-align:center;gap:var(--spacing-md)}.brand-icon{width:56px;height:56px}.brand-icon .material-icons{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat{padding:var(--spacing-sm)}.stat-value{font-size:1.25rem}.achievements-list{grid-template-columns:1fr}.timeline-summary{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width: 480px){.footer-main,.project-stats{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.footer-summary,.stat-group{padding:var(--spacing-lg)}.timeline-summary{grid-template-columns:1fr}.timeline-phase{padding:var(--spacing-md)}.achievement-item{padding:var(--spacing-sm)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.portfolio-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{margin:var(--spacing-3xl) 0;padding:var(--spacing-2xl) 0}.section:first-child{margin-top:0}.section:last-child{margin-bottom:0}.page-section{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin:var(--spacing-xl) 0;box-shadow:var(--elevation-1)}.page-section.featured{background-color:var(--surface-container);box-shadow:var(--elevation-2)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.sidebar-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-2xl)}.content-block{margin:var(--spacing-lg) 0}.content-block h2,.content-block h3,.content-block h4{color:var(--primary-40);margin-bottom:var(--spacing-md)}.content-block h2{border-bottom:2px solid var(--primary-90);padding-bottom:var(--spacing-sm)}.content-block h3{color:var(--secondary-30)}.client-interaction{background-color:var(--tertiary-95);border-left:4px solid var(--tertiary-40);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0}.research-method{background-color:var(--secondary-95);border:1px solid var(--secondary-80);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0}.process-step{background-color:var(--primary-95);border-left:4px solid var(--primary-40);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-md) 0}.examiner-note{background-color:var(--warning);color:var(--on-warning);padding:var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;margin:var(--spacing-lg) 0}.specification-point{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-sm) 0}.specification-point.passed{border-color:var(--success);background-color:#216c2e1a}.technical-spec{font-family:var(--font-family-mono);background-color:var(--surface-container);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);overflow-x:auto}.measurement{font-family:var(--font-family-mono);font-weight:500;color:var(--primary-40)}.material-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.material-card{background-color:var(--surface-container);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--outline-variant)}.data-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;background-color:var(--surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--elevation-1)}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--outline-variant)}.data-table th{background-color:var(--surface-container);font-weight:600;color:var(--primary-40)}.data-table tr:hover{background-color:var(--surface-container-low)}.status-pass{color:var(--success);font-weight:600}.status-fail{color:var(--error);font-weight:600}.status-pending{color:var(--warning);font-weight:600}.progress-bar{height:8px;background-color:var(--surface-container);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-sm) 0}.progress-fill{height:100%;background-color:var(--primary-40);transition:width .3s ease}@media (max-width: 1024px){.two-column,.sidebar-layout{grid-template-columns:1fr}}@media (max-width: 768px){.portfolio-content{padding:0 var(--spacing-md)}.page-section{padding:var(--spacing-lg);margin:var(--spacing-md) 0}.three-column,.material-list{grid-template-columns:1fr}}.view-tabs{position:fixed;top:0;left:0;right:0;z-index:1001;background-color:var(--surface);border-bottom:1px solid var(--outline-variant);box-shadow:var(--elevation-2)}.tab-container{display:flex;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--on-surface-variant);font-size:var(--body-medium-size);font-weight:500;cursor:pointer;position:relative;transition:all .2s ease;border-bottom:3px solid transparent}.tab-button:hover{color:var(--primary-40);background-color:var(--primary-95)}.tab-button.active{color:var(--primary-40);border-bottom-color:var(--primary-40)}.tab-button .material-icons{font-size:20px}.main-content{padding-top:140px}@media (max-width: 480px){.main-content{padding-top:120px}.page-section{padding:var(--spacing-md)}.tab-container{padding:0 var(--spacing-md)}.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--body-small-size)}}:root{--primary-10: #21005D;--primary-20: #371E73;--primary-30: #4F378B;--primary-40: #6750A4;--primary-50: #7F67BE;--primary-80: #D0BCFF;--primary-90: #EADDFF;--primary-95: #F6EDFF;--primary-99: #FFFBFE;--secondary-10: #1D192B;--secondary-20: #332D41;--secondary-30: #4A4458;--secondary-40: #625B71;--secondary-50: #7A7289;--secondary-80: #CCC2DC;--secondary-90: #E8DEF8;--secondary-95: #F4EEFF;--tertiary-10: #31111D;--tertiary-20: #492532;--tertiary-30: #633B48;--tertiary-40: #7D5260;--tertiary-50: #986977;--tertiary-80: #FFB1C8;--tertiary-90: #FFDADF;--tertiary-95: #FFECEF;--neutral-0: #000000;--neutral-10: #1D1B20;--neutral-20: #313033;--neutral-30: #484649;--neutral-40: #605D62;--neutral-50: #787579;--neutral-60: #939094;--neutral-70: #AEA9AE;--neutral-80: #CAC4CF;--neutral-90: #E6E0E9;--neutral-95: #F3EDF7;--neutral-99: #FFFBFE;--surface: #FFFBFE;--surface-dim: #DED8E1;--surface-bright: #FFFBFE;--surface-container-lowest: #FFFFFF;--surface-container-low: #F7F2FA;--surface-container: #F3EDF7;--surface-container-high: #ECE6F0;--surface-container-highest: #E6E0E9;--error: #BA1A1A;--on-error: #FFFFFF;--success: #216C2E;--on-success: #FFFFFF;--warning: #7D5700;--on-warning: #FFFFFF;--on-surface: var(--neutral-10);--on-surface-variant: var(--neutral-30);--outline: var(--neutral-50);--outline-variant: var(--neutral-80);--shadow: 0px 2px 6px 2px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--elevation-3: 0px 4px 8px 3px rgba(0, 0, 0, .15), 0px 1px 3px 0px rgba(0, 0, 0, .3);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:16px;font-weight:400;line-height:1.6;color:var(--on-surface);background-color:var(--surface);min-height:100vh}.display-large{font-size:3.5rem;font-weight:400;line-height:1.2;letter-spacing:-.02em}.display-medium{font-size:2.8125rem;font-weight:400;line-height:1.2;letter-spacing:-.01em}.display-small{font-size:2.25rem;font-weight:400;line-height:1.3}.headline-large{font-size:2rem;font-weight:500;line-height:1.25}.headline-medium{font-size:1.75rem;font-weight:500;line-height:1.29}.headline-small{font-size:1.5rem;font-weight:500;line-height:1.33}.title-large{font-size:1.375rem;font-weight:500;line-height:1.27}.title-medium{font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:.01em}.title-small{font-size:.875rem;font-weight:600;line-height:1.43;letter-spacing:.007em}.body-large{font-size:1rem;font-weight:400;line-height:1.5}.body-medium{font-size:.875rem;font-weight:400;line-height:1.43}.body-small{font-size:.75rem;font-weight:400;line-height:1.33}.label-large{font-size:.875rem;font-weight:500;line-height:1.43}.label-medium{font-size:.75rem;font-weight:500;line-height:1.33}.label-small{font-size:.6875rem;font-weight:500;line-height:1.45}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.section-padding{padding:var(--spacing-3xl) 0}.grid{display:grid;gap:var(--spacing-lg)}.flex{display:flex;gap:var(--spacing-md)}.flex-center{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.surface-elevated{background-color:var(--surface-container);border-radius:var(--radius-md);box-shadow:var(--elevation-2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}a{color:var(--primary-40);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-30);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:var(--primary-40);color:var(--primary-99)}.btn-primary:hover{background-color:var(--primary-30);box-shadow:var(--elevation-1)}.btn-secondary{background-color:var(--secondary-90);color:var(--secondary-10)}.btn-secondary:hover{background-color:var(--secondary-80);box-shadow:var(--elevation-1)}.btn-outlined{background-color:transparent;color:var(--primary-40);border:1px solid var(--outline-variant)}.btn-outlined:hover{background-color:var(--primary-95);border-color:var(--primary-40)}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container,.container-wide,.container-narrow{padding:0 var(--spacing-md)}.section-padding{padding:var(--spacing-2xl) 0}.display-large{font-size:2.5rem}.display-medium{font-size:2rem}.display-small,.headline-large{font-size:1.75rem}.headline-medium{font-size:1.5rem}.headline-small{font-size:1.25rem}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.no-print{display:none!important}}