.global-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all var(--transition-slow)}.global-navigation.hidden{opacity:0;pointer-events:none}.nav-background{background:transparent;transition:background var(--transition-slow)}.global-navigation.scrolled .nav-background{background:#fdfdfd;box-shadow:0 1px #0000001a}.nav-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.nav-section{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.logo-wrapper{display:flex;align-items:center}.logo-link{display:flex;align-items:center;color:var(--color-white);transition:color var(--transition-base)}.global-navigation.scrolled .logo-link{color:var(--color-black)}.nav-inner{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-list-item{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-white);font-size:.9375rem;font-weight:500;transition:all var(--transition-base);border-radius:var(--radius-sm)}.global-navigation.scrolled .nav-button{color:var(--color-black)}.nav-button:hover{opacity:.8}.nav-menu-toggle{padding:var(--spacing-xs)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:#fdfdfd;transform:translate(100%);transition:transform var(--transition-slow);z-index:1001;box-shadow:-4px 0 20px #0000001a}.mobile-menu.open{transform:translate(0)}.mobile-menu-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);background:#fdfdfd;position:relative;z-index:1}.mobile-menu-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-xl)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-black);transition:background var(--transition-base)}.mobile-menu-close:hover{background:var(--color-bg-light)}.mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.mobile-nav-link{font-size:1.5rem;font-weight:400;color:var(--color-black);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);transition:color var(--transition-base)}.mobile-nav-link:hover{color:var(--color-text-muted)}.mobile-menu-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-lg)}.mobile-cta-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);font-size:1rem;font-weight:500;color:var(--color-white);background:var(--color-black);border-radius:var(--radius-full);transition:all var(--transition-base)}.mobile-cta-btn:hover{background:var(--color-text-light)}.mobile-menu:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all var(--transition-slow);z-index:-1}.mobile-menu.open:before{opacity:1;visibility:visible}@media (max-width: 768px){.nav-content{padding:0 var(--spacing-sm)}.nav-button span{display:none}.nav-menu-toggle span{display:flex}}.footer{background:var(--color-black);color:var(--color-white);padding:var(--spacing-4xl) 0 var(--spacing-2xl)}.footer-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-4xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:300px}.footer-logo{display:inline-block;margin-bottom:var(--spacing-lg);color:var(--color-white)}.footer-logo svg{height:24px;width:auto}.footer-tagline{font-size:1rem;color:#fff9;line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2xl)}.footer-app-badges{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-badge{display:inline-block;transition:opacity var(--transition-base)}.app-badge:hover{opacity:.8}.footer-bottom-logo{display:flex;align-items:center}.footer-section-title{font-size:.75rem;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--spacing-lg)}.footer-section-links{list-style:none;padding:0;margin:0}.footer-section-links li{margin-bottom:var(--spacing-sm)}.footer-section-links a{font-size:.9375rem;color:#fffc;text-decoration:none;transition:color var(--transition-base)}.footer-section-links a:hover{color:var(--color-white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-2xl)}.footer-legal{display:flex;align-items:center;gap:var(--spacing-2xl)}.footer-legal p{font-size:.875rem;color:#fff6;margin:0}.footer-legal-links{display:flex;gap:var(--spacing-lg)}.footer-legal-links a{font-size:.875rem;color:#fff6;text-decoration:none;transition:color var(--transition-base)}.footer-legal p{font-size:.8125rem;color:#fff6;margin:0;line-height:1.5}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:var(--spacing-3xl)}.footer-brand{max-width:100%}}@media (max-width: 768px){.footer{padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-grid{padding:0 var(--spacing-sm)}.footer-links{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;gap:var(--spacing-lg);text-align:center}.footer-legal{text-align:center}.footer-app-badges{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr;text-align:center}.footer-app-badges{flex-direction:column;align-items:center}}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding-bottom:var(--spacing-4xl);overflow:hidden;background:linear-gradient(180deg,#1a1a1a 0%,#2d2d2d 100%)}.hero-grid{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.hero-col{padding:0 calc(var(--grid-gap) / 2)}.hero-col-title{flex:0 0 60%;max-width:60%}.hero-col-features{flex:0 0 40%;max-width:40%}.hero-content{margin-bottom:var(--spacing-lg)}.hero-headline,.hero-header{margin:0}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:400;color:var(--color-white);line-height:1.15;letter-spacing:-.03em;margin:0}.hero-line-wrapper{overflow:visible}.hero-line{transform:translateY(0);animation:slideUp .8s ease forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.hero-line-wrapper:nth-child(2) .hero-line{animation-delay:.1s;font-size:clamp(1rem,3vw,2rem);font-weight:400;opacity:.8;margin-top:var(--spacing-md);letter-spacing:-.01em;line-height:1.4}.hero-feature-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-feature-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;color:var(--color-white);opacity:.9}.hero-feature-number{font-size:2.5rem;font-weight:400;color:var(--color-white);line-height:1;min-width:60px}.hero-feature-icon{display:flex;align-items:center;justify-content:center;min-width:60px;color:var(--color-white)}.hero-feature-icon svg{width:32px;height:32px}.hero-row-cta{justify-content:center;margin-top:var(--spacing-2xl)}.hero-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-white);color:var(--color-black);font-size:1rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-base)}.hero-cta:hover{background:var(--color-bg-cream);transform:translateY(-2px)}.hero-cta svg{transition:transform var(--transition-base)}.hero-cta:hover svg{transform:translate(4px)}.hero-parallax{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.4;z-index:1;will-change:transform;filter:blur(10px);transition:filter 1s ease-out}.hero-parallax.loaded{filter:blur(0)}@media (max-width: 1024px){.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--spacing-4xl));padding-bottom:var(--spacing-3xl)}.hero-col-title,.hero-col-features{flex:0 0 100%;max-width:100%}.hero-col-features{margin-top:var(--spacing-2xl)}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.hero-feature-list{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-lg)}.hero-feature-item{flex:1 1 calc(50% - var(--spacing-lg))}}@media (max-width: 768px){.hero{padding-top:calc(var(--header-height) + var(--spacing-3xl));padding-bottom:var(--spacing-2xl)}.hero-grid{padding:0 var(--spacing-sm)}.hero-title{font-size:2.5rem}.hero-feature-number{font-size:2rem;min-width:50px}.hero-feature-icon{min-width:50px}.hero-feature-icon svg{width:28px;height:28px}.hero-cta{width:100%;justify-content:center;padding:var(--spacing-md) var(--spacing-lg)}}.chrome-nav{position:fixed;top:0;left:0;right:0;z-index:1001;background:var(--color-white);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;transition:all var(--transition-slow)}.chrome-nav.visible{transform:translateY(0);opacity:1}.chrome-nav-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.chrome-nav-row{display:flex}.chrome-nav-column{flex:1}.chrome-nav-group{display:flex;align-items:center;gap:var(--spacing-xl);height:var(--header-height)}.chrome-nav-link{font-size:.9375rem;font-weight:500;color:var(--color-text);transition:color var(--transition-base)}.chrome-nav-link:hover{color:var(--color-text-muted)}.chrome-nav-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-black);color:var(--color-white);font-size:.875rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-base)}.chrome-nav-cta:hover{background:var(--color-text-light)}.chrome-nav-cta svg{transition:transform var(--transition-base)}.chrome-nav-cta:hover svg{transform:translate(4px)}@media (max-width: 768px){.chrome-nav{display:none}}.snapshot{padding:var(--spacing-4xl) 0;background:var(--color-bg-cream)}.snapshot-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.snapshot-header{text-align:center;margin-bottom:var(--spacing-3xl)}.snapshot-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--color-black);line-height:1.1;letter-spacing:-.03em;margin:0}.snapshot-title .title-line{display:block}.snapshot-title .text-highlight{color:var(--color-highlight)}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.snapshot-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;flex-direction:column;overflow:hidden}.card-content{margin-bottom:var(--spacing-lg)}.card-title{font-size:1.5rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.02em}.card-description{font-size:.95rem;color:var(--color-text-light);line-height:1.5;margin:0}.card-visual{flex:1;display:flex;align-items:center;justify-content:center}.card-book{background:#f5f3f0}.book-visual{justify-content:flex-start}.lab-visit-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:280px;box-shadow:0 2px 8px #0000000f}.lab-visit-title{font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-md) 0}.lab-visit-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.visit-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.visit-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.date-dot{background:#22c55e}.location-dot{background:#ef4444}.visit-details{display:flex;flex-direction:column}.visit-label{font-size:.9rem;font-weight:500;color:var(--color-black)}.visit-sublabel{font-size:.8rem;color:var(--color-text-light);line-height:1.4}.card-results{background:#2a2420;color:#fff}.card-results .card-title,.card-results .card-description{color:#fff}.card-results .card-description{opacity:.8}.results-visual{padding:var(--spacing-md) 0}.results-dashboard{display:flex;align-items:center;gap:var(--spacing-xl);width:100%}.results-ring{position:relative;width:120px;height:120px;flex-shrink:0}.ring-svg{width:100%;height:100%}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ring-text{font-size:.7rem;color:#ffffffb3;white-space:nowrap}.results-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.stat-label{font-size:.8rem;color:#ffffffb3}.stat-value{font-size:1.5rem;font-weight:500}.stat-value.optimal,.stat-value.in-range{color:#22c55e}.stat-value.out-range{color:#ef4444}.card-signals{grid-column:1 / -1;background:#e8e4df;flex-direction:row;align-items:center;min-height:400px}.card-signals .card-content{flex:0 0 40%;margin-bottom:0;padding-right:var(--spacing-xl)}.card-signals .card-visual{flex:1;justify-content:center}.phone-mockup{width:200px;height:400px;background:linear-gradient(145deg,#1a1a1a,#333);border-radius:36px;padding:8px;box-shadow:0 20px 60px #0000004d}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#2a2420 0%,#1a1815 100%);border-radius:28px}.card-action{background:#f5f3f0}.action-visual{justify-content:flex-start}.action-plan-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;box-shadow:0 2px 8px #0000000f}.action-plan-title{font-size:1.1rem;font-weight:600;color:#b45309;margin:0 0 var(--spacing-xs) 0}.action-plan-subtitle{font-size:.8rem;color:var(--color-text-light);margin:0 0 var(--spacing-md) 0;line-height:1.4}.action-tag{display:inline-block;background:#ef4444;color:#fff;font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:4px;margin-bottom:var(--spacing-md)}.action-section{margin-bottom:var(--spacing-md)}.action-section-title{font-size:.95rem;font-weight:600;color:var(--color-black);margin:0 0 4px}.action-section-desc{font-size:.8rem;color:var(--color-text-light);margin:0}.action-item{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.action-dot{width:8px;height:8px;background:#f97316;border-radius:50%;margin-top:6px;flex-shrink:0}.action-item-content{display:flex;flex-direction:column;gap:2px}.action-item-title{font-size:.85rem;font-weight:600;color:var(--color-black)}.action-item-desc{font-size:.75rem;color:var(--color-text-light);line-height:1.4}.card-improve{background:#f5f3f0}.improve-visual{justify-content:flex-start}.improve-chart{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;box-shadow:0 2px 8px #0000000f}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.chart-age{font-size:1rem;font-weight:600;color:#22c55e}.chart-badge{font-size:.7rem;color:#22c55e;background:rgba(34,197,94,.1);padding:4px 8px;border-radius:4px}.chart-sublabel{font-size:.75rem;color:var(--color-text-light);display:block;margin-bottom:var(--spacing-md)}.chart-graph{display:flex;gap:var(--spacing-md);height:120px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;color:var(--color-text-light);padding:4px 0}.y-label{line-height:1.2}.y-label.out{color:#ef4444}.y-label.in,.y-label.optimal{color:#22c55e}.y-label span{display:block;font-size:.6rem;opacity:.7}.chart-line{flex:1;position:relative;border-left:1px dashed var(--color-border)}.chart-line svg{width:100%;height:100%}@media (max-width: 1024px){.snapshot-grid{gap:var(--spacing-sm)}.card-signals{min-height:350px}.phone-mockup{width:160px;height:320px}}@media (max-width: 768px){.snapshot{padding:var(--spacing-3xl) 0}.snapshot-container{padding:0 var(--spacing-sm)}.snapshot-header{margin-bottom:var(--spacing-2xl)}.snapshot-title{font-size:2rem}.snapshot-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.snapshot-card{padding:var(--spacing-lg)}.card-title{font-size:1.25rem}.card-signals{flex-direction:column;min-height:auto;padding-bottom:var(--spacing-2xl)}.card-signals .card-content{flex:none;padding-right:0;margin-bottom:var(--spacing-lg)}.phone-mockup{width:140px;height:280px;border-radius:28px}.phone-screen{border-radius:22px}.results-dashboard{flex-direction:column;gap:var(--spacing-md)}.results-ring{width:100px;height:100px}.results-stats{flex-direction:row;gap:var(--spacing-lg)}.stat-item{flex-direction:column;gap:2px}.lab-visit-card{max-width:none}}@media (max-width: 480px){.snapshot-title{font-size:1.75rem}.results-stats{gap:var(--spacing-md)}.stat-value{font-size:1.25rem}}.how-it-works{padding:var(--spacing-4xl) 0;background:var(--color-white)}.how-it-works-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.how-it-works-row{display:flex;flex-wrap:wrap}.how-it-works-header-col{flex:0 0 100%;max-width:100%;margin-bottom:var(--spacing-3xl)}.how-it-works-header{max-width:800px}.section-header-wrapper{margin:0}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--color-black);line-height:1.1;letter-spacing:-.03em;margin:0}.how-it-works-editorial-col{flex:0 0 100%;max-width:100%}.how-it-works-editorial{display:flex;flex-direction:column;gap:0}.editorial-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--color-border);align-items:center}.editorial-item:first-child{padding-top:0}.editorial-item:last-child{border-bottom:none}.editorial-item:nth-child(2n){direction:rtl}.editorial-item:nth-child(2n)>*{direction:ltr}.editorial-image{aspect-ratio:16/10;border-radius:var(--radius-xl);overflow:hidden}.editorial-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-cream) 0%,#e0d5c8 100%)}.editorial-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.editorial-title{font-size:1.75rem;font-weight:400;color:var(--color-black);letter-spacing:-.02em}.editorial-description{font-size:1rem;color:var(--color-text-light);line-height:1.6;max-width:400px}@media (max-width: 1024px){.editorial-item{gap:var(--spacing-xl)}}@media (max-width: 768px){.how-it-works{padding:var(--spacing-3xl) 0}.how-it-works-grid{padding:0 var(--spacing-sm)}.how-it-works-header-col{margin-bottom:var(--spacing-2xl)}.section-title{font-size:2rem}.editorial-item{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.editorial-item:nth-child(2n){direction:ltr}.editorial-image{aspect-ratio:16/9}.editorial-title{font-size:1.5rem}}.biomarkers{padding:var(--spacing-4xl) 0;background:var(--color-white)}.biomarkers-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.biomarkers-row{display:flex;flex-wrap:wrap}.biomarkers-header-row{margin-bottom:var(--spacing-3xl)}.biomarkers-header-col{flex:0 0 50%;max-width:50%;padding-right:var(--spacing-xl)}.biomarkers-description-col{flex:0 0 50%;max-width:50%;display:flex;align-items:flex-end}.biomarkers-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--color-black);line-height:1.1;letter-spacing:-.03em;margin:0}.biomarkers-description{max-width:450px}.description-bold{font-size:1.25rem;font-weight:500;color:var(--color-black);display:block;margin-bottom:var(--spacing-xs)}.biomarkers-toggle-col{flex:0 0 100%;max-width:100%}.biomarkers-toggle{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl);position:relative;padding:4px;background:var(--color-bg-light);border-radius:var(--radius-full)}.toggle-item{position:relative;z-index:1;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--color-text-light);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer}.toggle-item:hover{color:var(--color-black)}.toggle-item.active{color:var(--color-black);background:var(--color-white);box-shadow:0 2px 8px #00000014}.toggle-item label{cursor:pointer;white-space:nowrap}.toggle-highlight{display:none}.biomarkers-carousel{width:100%;overflow:hidden}.carousel-viewport{display:flex;gap:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-md)}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 calc(50% - var(--spacing-md));min-width:calc(50% - var(--spacing-md));scroll-snap-align:start}.carousel-slide{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--color-bg-cream);border-radius:var(--radius-xl);overflow:hidden;height:400px}.carousel-content{padding:var(--spacing-xl);display:flex}.vital-areas-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}.card-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-title{font-size:2rem;font-weight:400;color:var(--color-black);letter-spacing:-.02em}.card-description{font-size:1rem;color:var(--color-text-light);line-height:1.5}.card-footer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.card-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--color-text)}.carousel-image{width:100%;height:100%;background-size:cover;background-position:center}@media (max-width: 1024px){.biomarkers-header-col,.biomarkers-description-col{flex:0 0 100%;max-width:100%;padding-right:0}.biomarkers-header-col{margin-bottom:var(--spacing-lg)}.biomarkers-description{max-width:100%}.carousel-item{flex:0 0 calc(80% - var(--spacing-md));min-width:calc(80% - var(--spacing-md))}}@media (max-width: 768px){.biomarkers{padding:var(--spacing-3xl) 0}.biomarkers-grid{padding:0 var(--spacing-sm)}.biomarkers-title{font-size:2rem}.biomarkers-toggle{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:var(--spacing-xl)}.biomarkers-toggle::-webkit-scrollbar{display:none}.toggle-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.carousel-item{flex:0 0 calc(90% - var(--spacing-sm));min-width:calc(90% - var(--spacing-sm))}.carousel-slide{grid-template-columns:1fr;height:auto}.carousel-content{padding:var(--spacing-lg)}.carousel-image{height:200px;order:-1}.card-title{font-size:1.5rem}}.social-proof{padding:var(--spacing-4xl) 0;background:#fdfdfd}.social-proof-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.social-proof-header{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-3xl)}.social-proof-header__left{flex:0 0 50%;max-width:50%;padding-right:var(--spacing-xl)}.social-proof-header__right{flex:0 0 50%;max-width:50%;display:flex;align-items:flex-end}.social-proof-header__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--color-black);line-height:1.1;letter-spacing:-.03em;margin:0}.social-proof-header__title .text-highlight{color:var(--color-highlight)}.social-proof-header__desc{max-width:450px;font-size:1rem;color:var(--color-text-light);line-height:1.6;margin:0}.social-proof-header__desc strong{font-size:1.25rem;font-weight:500;color:var(--color-black);display:block;margin-bottom:var(--spacing-xs)}.sp-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px;aspect-ratio:4 / 4}.sp-card{border-radius:16px;overflow:hidden;position:relative}.sp-pos-1{grid-column:1 / 3;grid-row:1 / 3}.sp-pos-2{grid-column:3 / 4;grid-row:1 / 3}.sp-pos-3{grid-column:4 / 5;grid-row:1 / 2}.sp-pos-4{grid-column:4 / 5;grid-row:2 / 4}.sp-pos-5{grid-column:1 / 2;grid-row:3 / 4}.sp-pos-6{grid-column:2 / 3;grid-row:3 / 4}.sp-pos-7{grid-column:3 / 4;grid-row:3 / 5}.sp-pos-8{grid-column:4 / 5;grid-row:4 / 5}.sp-pos-9{grid-column:1 / 2;grid-row:4 / 5}.sp-pos-10{grid-column:2 / 3;grid-row:4 / 5}.sp-pos-11,.sp-pos-12{display:none}.sp-card__image{position:absolute;top:0;left:0;width:100%;height:100%;background:#d0d0d0}.sp-card__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.sp-card__content--light{background:#f5f5f5}.sp-card__play-btn{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.95);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.sp-card__play-btn:hover{transform:scale(1.05);background:#fff}.sp-card__plus-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,background .2s}.sp-card__plus-btn:hover{transform:scale(1.05);background:#fff}.sp-card__plus-btn--dark{background:transparent;border:1px solid #ccc}.sp-card__plus-btn--dark:hover{background:rgba(0,0,0,.05)}.sp-card__bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto}.sp-card__info{flex:1}.sp-card__name{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 4px}.sp-card__name--dark{color:#1a1a1a}.sp-card__title{font-size:.875rem;color:#ffffffd9;margin:0}.sp-card__title--dark{color:#666}.sp-card__quote{flex:1;display:flex;align-items:flex-start;padding-top:10px}.sp-card__quote-text{font-size:1rem;font-weight:500;color:#1a1a1a;line-height:1.4;margin:0}@media (max-width: 1024px){.social-proof-header__left,.social-proof-header__right{flex:0 0 100%;max-width:100%;padding-right:0}.social-proof-header__left{margin-bottom:var(--spacing-lg)}.social-proof-header__desc{max-width:100%}.sp-masonry{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);aspect-ratio:3 / 5}.sp-pos-1{grid-column:1 / 3;grid-row:1 / 3}.sp-pos-2{grid-column:3 / 4;grid-row:1 / 3}.sp-pos-3{grid-column:1 / 2;grid-row:3 / 4}.sp-pos-4{grid-column:2 / 3;grid-row:3 / 4}.sp-pos-5{grid-column:3 / 4;grid-row:3 / 4}.sp-pos-6{grid-column:1 / 2;grid-row:4 / 5}.sp-pos-7{grid-column:2 / 3;grid-row:4 / 6}.sp-pos-8{grid-column:3 / 4;grid-row:4 / 5}.sp-pos-9{grid-column:1 / 2;grid-row:5 / 6}.sp-pos-10{grid-column:3 / 4;grid-row:5 / 6}.sp-pos-11,.sp-pos-12{display:none}}@media (max-width: 768px){.social-proof{padding:var(--spacing-3xl) 0}.social-proof-container{padding:0 var(--spacing-sm)}.social-proof-header__title{font-size:2rem}.sp-masonry{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);gap:8px;aspect-ratio:2 / 6}.sp-pos-1{grid-column:1 / 2;grid-row:1 / 2}.sp-pos-2{grid-column:2 / 3;grid-row:1 / 2}.sp-pos-3{grid-column:1 / 2;grid-row:2 / 3}.sp-pos-4{grid-column:2 / 3;grid-row:2 / 3}.sp-pos-5{grid-column:1 / 2;grid-row:3 / 4}.sp-pos-6{grid-column:2 / 3;grid-row:3 / 4}.sp-pos-7{grid-column:1 / 2;grid-row:4 / 5}.sp-pos-8{grid-column:2 / 3;grid-row:4 / 5}.sp-pos-9{grid-column:1 / 2;grid-row:5 / 6}.sp-pos-10{grid-column:2 / 3;grid-row:5 / 6}.sp-pos-11{display:block;grid-column:1 / 2;grid-row:6 / 7}.sp-pos-12{display:block;grid-column:2 / 3;grid-row:6 / 7}.sp-card__content{padding:12px}.sp-card__play-btn{width:40px;height:40px}.sp-card__play-btn svg{width:24px;height:24px}.sp-card__plus-btn{width:32px;height:32px}.sp-card__plus-btn svg{width:24px;height:24px}.sp-card__name{font-size:.875rem}.sp-card__title{font-size:.75rem}.sp-card__quote-text{font-size:.8rem}}.plans{padding:var(--spacing-4xl) 0;background:var(--color-bg-light)}.plans-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.plans-row{display:flex;flex-wrap:wrap}.plans-header-row{margin-bottom:var(--spacing-3xl)}.plans-header-col{flex:0 0 50%;max-width:50%;padding-right:var(--spacing-xl)}.plans-description-col{flex:0 0 50%;max-width:50%;display:flex;align-items:flex-end}.plans-header-wrapper{margin:0}.plans-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--color-black);line-height:1.1;letter-spacing:-.03em;margin:0}.plans-description{max-width:450px}.plans-cards-col{flex:0 0 100%;max-width:100%}.plans-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.plan-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.plan-card.highlighted{background:var(--color-black);color:var(--color-white)}.plan-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-highlight);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.plan-header{margin-bottom:var(--spacing-lg)}.plan-name{font-size:1.5rem;font-weight:500;margin:0 0 var(--spacing-xs);letter-spacing:-.02em}.plan-card.highlighted .plan-name{color:var(--color-white)}.plan-description{font-size:.875rem;color:var(--color-text-light);line-height:1.5;margin:0}.plan-card.highlighted .plan-description{color:#ffffffb3}.plan-pricing{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.plan-price{font-size:2.5rem;font-weight:400;letter-spacing:-.02em}.plan-period{font-size:1rem;color:var(--color-text-light)}.plan-card.highlighted .plan-period{color:#ffffffb3}.plan-biomarkers{display:flex;align-items:baseline;gap:var(--spacing-xs);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.plan-card.highlighted .plan-biomarkers{border-color:#fff3}.biomarker-count{font-size:2rem;font-weight:400;letter-spacing:-.02em}.biomarker-label{font-size:1rem;color:var(--color-text-light)}.plan-card.highlighted .biomarker-label{color:#ffffffb3}.plan-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl);flex-grow:1}.plan-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:.875rem;color:var(--color-text)}.plan-card.highlighted .plan-features li{color:#ffffffe6}.plan-features li svg{flex-shrink:0;margin-top:2px;color:var(--color-highlight)}.plan-card.highlighted .plan-features li svg{color:var(--color-white)}.plan-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--transition-base);margin-top:auto}.plan-cta.primary{background:var(--color-white);color:var(--color-black)}.plan-cta.primary:hover{background:var(--color-bg-cream);transform:translateY(-2px)}.plan-cta.secondary{background:var(--color-black);color:var(--color-white)}.plan-cta.secondary:hover{background:#333;transform:translateY(-2px)}.plan-cta svg{transition:transform var(--transition-base)}.plan-cta:hover svg{transform:translate(4px)}.plans-trust-row{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}.trust-badges{display:flex;justify-content:center;gap:var(--spacing-3xl)}.trust-badge{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--color-text)}.trust-badge svg{color:var(--color-text-light)}@media (max-width: 1024px){.plans-header-col,.plans-description-col{flex:0 0 100%;max-width:100%;padding-right:0}.plans-header-col{margin-bottom:var(--spacing-lg)}.plans-description{max-width:100%}.plans-cards{grid-template-columns:repeat(2,1fr)}.plans-cards .plan-card:last-child{grid-column:span 2}}@media (max-width: 768px){.plans{padding:var(--spacing-3xl) 0}.plans-grid{padding:0 var(--spacing-sm)}.plans-title{font-size:2rem}.plans-cards{grid-template-columns:1fr;gap:var(--spacing-md)}.plans-cards .plan-card:last-child{grid-column:span 1;max-width:100%}.plan-card{padding:var(--spacing-lg)}.trust-badges{flex-direction:column;align-items:center;gap:var(--spacing-lg)}}.blog-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.blog-card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg-light)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-cream) 0%,var(--color-bg-light) 100%)}.blog-card-category{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:4px 12px;background:var(--color-white);color:var(--color-black);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.blog-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.blog-card-title{font-size:1.25rem;font-weight:600;color:var(--color-black);line-height:1.3;margin:0}.blog-card-excerpt{font-size:.9375rem;color:var(--color-text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-muted);margin-top:auto;padding-top:var(--spacing-sm)}.blog-card-date,.blog-card-reading-time{color:var(--color-text-muted)}.blog-card-reading-time:before{content:"•";margin-right:var(--spacing-sm)}@media (max-width: 768px){.blog-card-title{font-size:1.125rem}.blog-card-content{padding:var(--spacing-md)}}.latest-posts{padding:var(--spacing-4xl) 0;background:var(--color-bg-cream)}.latest-posts-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.latest-posts-row{margin-bottom:var(--spacing-2xl)}.latest-posts-header-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:end}.latest-posts-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1;margin:0}.latest-posts-title .title-line{display:block}.latest-posts-title .text-highlight{color:var(--color-highlight)}.latest-posts-description{max-width:400px}.latest-posts-description .description-regular{font-size:1.125rem;color:var(--color-text-muted);line-height:1.6}.latest-posts-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.latest-posts-cards.loading{min-height:300px}.blog-card-skeleton{background:var(--color-white);border-radius:var(--radius-md);height:350px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.latest-posts-cta-row{display:flex;justify-content:center;margin-top:var(--spacing-xl);margin-bottom:0}.latest-posts-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-black);color:var(--color-white);font-size:1rem;font-weight:500;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.latest-posts-cta:hover{background:var(--color-text-light);transform:translateY(-2px)}.latest-posts-cta svg{transition:transform var(--transition-base)}.latest-posts-cta:hover svg{transform:translate(4px)}@media (max-width: 1024px){.latest-posts-header-row{grid-template-columns:1fr;gap:var(--spacing-lg)}.latest-posts-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.latest-posts{padding:var(--spacing-3xl) 0}.latest-posts-grid{padding:0 var(--spacing-sm)}.latest-posts-cards{grid-template-columns:1fr}.latest-posts-title{font-size:clamp(2rem,8vw,2.5rem)}}.faq{padding:var(--spacing-4xl) 0;background:var(--color-white)}.faq-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.faq-row{display:flex;flex-wrap:wrap}.faq-header-row{margin-bottom:var(--spacing-3xl)}.faq-header-col{flex:0 0 50%;max-width:50%;padding-right:var(--spacing-xl)}.faq-description-col{flex:0 0 50%;max-width:50%;display:flex;align-items:flex-end}.faq-header-wrapper{margin:0}.faq-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--color-black);line-height:1.1;letter-spacing:-.03em;margin:0}.title-line{display:block}.faq-description{max-width:450px}.description-regular{font-size:1rem;color:var(--color-text-light);line-height:1.6}.faq-list-col{flex:0 0 100%;max-width:100%}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:first-child{border-top:1px solid var(--color-border)}.faq-question{width:100%;padding:var(--spacing-lg) 0;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.question-text{font-size:1.125rem;font-weight:400;color:var(--color-black);line-height:1.4}.faq-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:color var(--transition-base),transform var(--transition-base)}.faq-item.open .faq-icon{color:var(--color-highlight)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden;padding:0;color:var(--color-text-light);line-height:1.7;font-size:1rem}.faq-item.open .faq-answer{padding-bottom:var(--spacing-lg)}.faq-contact-row{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}.faq-contact{display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.faq-contact p{font-size:1rem;color:var(--color-text-light);margin:0}.contact-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:500;color:var(--color-black);text-decoration:none;transition:color var(--transition-base)}.contact-link:hover{color:var(--color-highlight)}.contact-link svg{transition:transform var(--transition-base)}.contact-link:hover svg{transform:translate(4px)}@media (max-width: 1024px){.faq-header-col,.faq-description-col{flex:0 0 100%;max-width:100%;padding-right:0}.faq-header-col{margin-bottom:var(--spacing-lg)}.faq-description{max-width:100%}}@media (max-width: 768px){.faq{padding:var(--spacing-3xl) 0}.faq-grid{padding:0 var(--spacing-sm)}.faq-title{font-size:2rem}.faq-question{padding:var(--spacing-md) 0}.question-text{font-size:1rem}.faq-answer{font-size:.9375rem}.faq-contact{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.floating-cta{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%) translateY(100px);z-index:999;opacity:0;transition:all var(--transition-slow);pointer-events:none}.floating-cta.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.floating-cta-nav,.floating-cta-item{display:flex}.floating-cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-black);color:var(--color-white);font-size:1rem;font-weight:500;border-radius:var(--radius-full);box-shadow:0 4px 20px #0000004d;transition:all var(--transition-base)}.floating-cta-btn:hover{background:var(--color-text-light);transform:translateY(-2px);box-shadow:0 6px 24px #00000059}.floating-cta-btn svg{transition:transform var(--transition-base)}.floating-cta-btn:hover svg{transform:translate(4px)}@media (max-width: 768px){.floating-cta{bottom:var(--spacing-sm);left:50%;right:auto;transform:translate(-50%) translateY(100px)}.floating-cta.visible{transform:translate(-50%) translateY(0)}.floating-cta-btn{justify-content:center;white-space:nowrap}}.blog-list-page{min-height:100vh;padding-top:calc(var(--header-height) + var(--spacing-2xl));padding-bottom:var(--spacing-4xl)}.blog-list-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.blog-list-row{margin-bottom:var(--spacing-2xl)}.blog-list-header-row{margin-bottom:var(--spacing-3xl)}.blog-list-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:.9375rem;text-decoration:none;margin-bottom:var(--spacing-lg);transition:color var(--transition-base)}.blog-list-back:hover{color:var(--color-black)}.blog-list-title{font-size:clamp(3rem,8vw,5rem);font-weight:400;line-height:1.1;margin:0 0 var(--spacing-md)}.blog-list-title .text-highlight{color:var(--color-highlight)}.blog-list-description{font-size:1.25rem;color:var(--color-text-muted);line-height:1.5;max-width:600px;margin:0}.blog-list-filter-row{margin-bottom:var(--spacing-2xl)}.blog-list-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--color-text-muted);font-size:.9375rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--color-black);color:var(--color-black)}.filter-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.blog-list-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.blog-list-cards.loading{min-height:400px}.blog-card-skeleton{background:var(--color-bg-light);border-radius:var(--radius-md);height:380px;animation:skeleton-pulse 1.5s ease-in-out infinite}.blog-list-empty{text-align:center;padding:var(--spacing-4xl) 0;color:var(--color-text-muted);font-size:1.125rem}@media (max-width: 1024px){.blog-list-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-list-page{padding-top:calc(var(--header-height) + var(--spacing-xl))}.blog-list-grid{padding:0 var(--spacing-sm)}.blog-list-cards{grid-template-columns:1fr}.blog-list-filter{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs)}.filter-btn{flex-shrink:0}}.blog-detail-page{min-height:100vh;padding-top:calc(var(--header-height) + var(--spacing-2xl));padding-bottom:var(--spacing-4xl)}.blog-detail-grid{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.blog-detail-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.blog-detail-not-found{text-align:center;padding:var(--spacing-4xl) 0}.blog-detail-not-found h1{font-size:2rem;margin-bottom:var(--spacing-md)}.blog-detail-not-found p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.back-to-blog{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-black);color:var(--color-white);text-decoration:none;border-radius:var(--radius-full)}.blog-detail-header{margin-bottom:var(--spacing-2xl)}.blog-detail-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:.9375rem;text-decoration:none;margin-bottom:var(--spacing-xl);transition:color var(--transition-base)}.blog-detail-back:hover{color:var(--color-black)}.blog-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--color-text-muted)}.blog-detail-category{padding:4px 12px;background:var(--color-bg-light);color:var(--color-black);font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.blog-detail-date:before,.blog-detail-reading-time:before{content:"•";margin-right:var(--spacing-sm)}.blog-detail-title{font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-lg)}.blog-detail-excerpt{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--spacing-lg)}.blog-detail-author{font-size:1rem;color:var(--color-text-muted)}.blog-detail-featured-image{margin-bottom:var(--spacing-2xl);border-radius:var(--radius-md);overflow:hidden}.blog-detail-featured-image img{width:100%;height:auto;display:block}.blog-detail-content{font-size:1.125rem;line-height:1.8;color:var(--color-black)}.blog-detail-content p{margin-bottom:var(--spacing-lg)}.blog-detail-content a{color:var(--color-black);text-decoration:underline;text-underline-offset:3px}.blog-detail-content a:hover{opacity:.7}.blog-content-h2{font-size:1.75rem;font-weight:600;margin:var(--spacing-2xl) 0 var(--spacing-lg)}.blog-content-h3{font-size:1.375rem;font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-md)}.blog-content-quote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-left:4px solid var(--color-black);background:var(--color-bg-light);font-style:italic;font-size:1.25rem}.blog-content-image{margin:var(--spacing-2xl) 0}.blog-content-image img{width:100%;height:auto;border-radius:var(--radius-md)}.blog-content-image figcaption{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-text-muted);text-align:center}.blog-detail-content ul,.blog-detail-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.blog-detail-content li{margin-bottom:var(--spacing-sm)}.blog-detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.blog-detail-tag{padding:6px 14px;background:var(--color-bg-light);color:var(--color-text-muted);font-size:.875rem;border-radius:var(--radius-full)}.blog-detail-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.blog-detail-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-black);font-size:1rem;font-weight:500;text-decoration:none;transition:opacity var(--transition-base)}.blog-detail-cta:hover{opacity:.7}@media (max-width: 768px){.blog-detail-page{padding-top:calc(var(--header-height) + var(--spacing-xl))}.blog-detail-grid{padding:0 var(--spacing-sm)}.blog-detail-content{font-size:1rem}.blog-content-h2{font-size:1.5rem}.blog-content-h3{font-size:1.25rem}}.blog-admin-page{min-height:100vh;padding-top:calc(var(--header-height) + var(--spacing-xl));padding-bottom:var(--spacing-4xl);background:var(--color-bg-light)}.blog-admin-login{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height) - var(--spacing-4xl))}.login-card{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;width:100%;max-width:400px;text-align:center}.login-card h1{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs)}.login-card>p{color:var(--color-text-muted);margin:0 0 var(--spacing-xl)}.login-card form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-card input{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;text-align:center}.login-card input:focus{outline:none;border-color:var(--color-black)}.login-error{color:#dc2626;font-size:.875rem;margin:0}.login-card button[type=submit]{padding:var(--spacing-md);background:var(--color-black);color:var(--color-white);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}.login-card button[type=submit]:hover{background:var(--color-text-light)}.login-back{display:inline-block;margin-top:var(--spacing-lg);color:var(--color-text-muted);font-size:.875rem;text-decoration:none}.login-back:hover{color:var(--color-black)}.blog-admin-grid{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.blog-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a}.blog-admin-header h1{font-size:1.5rem;font-weight:600;margin:0}.blog-admin-header-left p{color:var(--color-text-muted);font-size:.875rem;margin:4px 0 0}.blog-admin-header-right{display:flex;gap:var(--spacing-sm)}.btn-new-post{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-black);color:var(--color-white);font-size:.9375rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-base)}.btn-new-post:hover{background:var(--color-text-light)}.btn-logout{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--color-text-muted);font-size:.9375rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-logout:hover{border-color:var(--color-black);color:var(--color-black)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-black);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-admin-table{background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;overflow:hidden}.blog-admin-table table{width:100%;border-collapse:collapse}.blog-admin-table th,.blog-admin-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left}.blog-admin-table th{background:var(--color-bg-light);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-admin-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.post-title-cell a{color:var(--color-black);font-weight:500;text-decoration:none}.post-title-cell a:hover{text-decoration:underline}.category-badge{display:inline-block;padding:4px 10px;background:var(--color-bg-light);color:var(--color-text-muted);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:uppercase}.actions-cell{display:flex;gap:var(--spacing-sm)}.btn-edit{padding:6px 14px;background:var(--color-bg-light);color:var(--color-black);font-size:.8125rem;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-base)}.btn-edit:hover{background:var(--color-border)}.btn-delete{padding:6px 14px;background:#fee2e2;color:#dc2626;font-size:.8125rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base)}.btn-delete:hover{background:#fecaca}.blog-admin-empty{text-align:center;padding:var(--spacing-4xl);background:var(--color-white);border-radius:var(--radius-md)}.blog-admin-empty p{color:var(--color-text-muted);margin:0 0 var(--spacing-lg)}@media (max-width: 768px){.blog-admin-page{padding-top:calc(var(--header-height) + var(--spacing-md))}.blog-admin-grid{padding:0 var(--spacing-sm)}.blog-admin-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.blog-admin-table{overflow-x:auto}.blog-admin-table table{min-width:600px}}.blog-admin-edit-page{min-height:100vh;padding-top:calc(var(--header-height) + var(--spacing-xl));padding-bottom:var(--spacing-4xl);background:var(--color-bg-light)}.blog-admin-edit-grid{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.blog-admin-edit-header{margin-bottom:var(--spacing-2xl)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:.9375rem;text-decoration:none;margin-bottom:var(--spacing-md);transition:color var(--transition-base)}.back-link:hover{color:var(--color-black)}.blog-admin-edit-header h1{font-size:1.75rem;font-weight:600;margin:0}.blog-admin-edit-form{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);align-items:start}.form-main{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a}.form-sidebar{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;position:sticky;top:calc(var(--header-height) + var(--spacing-xl))}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-black);margin-bottom:var(--spacing-xs)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);transition:border-color var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-black)}.form-group textarea{resize:vertical;font-family:inherit;line-height:1.6}.form-group input[type=file]{padding:var(--spacing-sm);font-size:.875rem}.thumbnail-preview{margin-top:var(--spacing-sm);width:100%;height:auto;border-radius:var(--radius-sm)}.btn-save{width:100%;padding:var(--spacing-md);background:var(--color-black);color:var(--color-white);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base);margin-top:var(--spacing-md)}.btn-save:hover:not(:disabled){background:var(--color-text-light)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.blog-admin-loading{display:flex;justify-content:center;padding:var(--spacing-4xl) 0}@media (max-width: 1024px){.blog-admin-edit-form{grid-template-columns:1fr}.form-sidebar{position:static}}@media (max-width: 768px){.blog-admin-edit-page{padding-top:calc(var(--header-height) + var(--spacing-md))}.blog-admin-edit-grid{padding:0 var(--spacing-sm)}.form-main,.form-sidebar{padding:var(--spacing-lg)}}.App{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #000000;--color-secondary: #f5f0eb;--color-accent: #c8a87c;--color-accent-dark: #a08060;--color-text: #1a1a1a;--color-text-light: #666666;--color-text-muted: #999999;--color-white: #ffffff;--color-black: #000000;--color-border: #e5e5e5;--color-bg-cream: #f5f0eb;--color-bg-light: #faf8f5;--color-bg-dark: #1a1a1a;--color-highlight: #c8a87c;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1440px;--content-width: 1200px;--header-height: 64px;--grid-gap: 24px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--spacing-4xl: 8rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}html{scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:var(--color-text);background:var(--color-white);overflow-x:hidden}body.labs-category{--document-height: 100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.1;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.grid{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--grid-gap) / -2)}.col{padding:0 calc(var(--grid-gap) / 2)}.text-highlight{color:var(--color-highlight)}.section{padding:var(--spacing-4xl) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width: 1024px){:root{--spacing-4xl: 6rem;--spacing-3xl: 4rem}}@media (max-width: 768px){:root{--spacing-4xl: 4rem;--spacing-3xl: 3rem;--spacing-2xl: 2rem;--header-height: 56px}.grid{padding:0 var(--spacing-sm)}}