body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base)}.about-page.page{min-height:100vh;opacity:0;transition:opacity .4s ease}.about-page.page.mounted{opacity:1}.about-page .hero{background:var(--color-yellow);color:var(--color-text-on-yellow);border-bottom:var(--border-thick);padding:5rem 2rem}.about-page .hero-inner{max-width:800px;margin:0 auto}.about-page .hero-title{font-family:var(--font-family-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0 0 1.5rem}.about-page .highlight{color:var(--color-white);-webkit-text-stroke:2px var(--color-text);text-shadow:4px 4px 0 var(--color-text)}.about-page .hero-sub{font-family:var(--font-family-base);font-size:1.2rem;font-weight:500;line-height:1.6;max-width:640px;background:color-mix(in srgb,var(--color-white) 85%,transparent);padding:1.25rem 1.5rem;border:var(--border-thin);border-radius:var(--radius-md);box-shadow:var(--shadow-solid-sm);margin:0 0 2rem}.about-page .hero-badges{display:flex;flex-wrap:wrap;gap:.75rem}.about-page .main{max-width:1100px;margin:0 auto;padding:4rem 1.5rem;display:flex;flex-direction:column;gap:3.5rem}.about-page .users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.about-page .user-card{padding:1.5rem;background:var(--color-bg);border:var(--border-thin);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem}.about-page .user-title{font-family:var(--font-family-display);font-weight:800;font-size:1rem;margin:0}.about-page .user-desc{font-size:.9rem;font-weight:500;line-height:1.55;color:color-mix(in srgb,var(--color-text) 79%,var(--color-white));margin:0;flex:1}.about-page .user-uses{display:block;font-family:var(--font-family-display);font-size:.72rem;font-weight:700;color:color-mix(in srgb,var(--color-text) 50%,var(--color-white));padding-top:.625rem;border-top:var(--border-thin);line-height:1.5}.about-page .stack-list{display:flex;flex-direction:column;gap:1.5rem}.about-page .layer-card{border:var(--border-thick);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden}.about-page .layer-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--color-bg);width:100%;text-align:left;font:inherit;cursor:pointer;border:none;border-bottom:var(--border-thin);transition:background .15s}.about-page .layer-header:hover{background:var(--color-yellow);color:var(--color-text-on-yellow)}.about-page .chevron{flex-shrink:0;color:color-mix(in srgb,var(--color-text) 50%,var(--color-white));transition:transform .2s ease}.about-page .layer-card.open .chevron{transform:rotate(180deg)}.about-page .layer-id{font-family:var(--font-family-display);font-weight:800;font-size:.85rem;color:var(--color-white);padding:.25rem .5rem;border-radius:var(--radius-sm);flex-shrink:0;width:2.5rem;text-align:center}.about-page .layer-title-group{display:flex;flex-direction:column;flex:1;min-width:0}.about-page .layer-name{font-weight:700;font-size:.95rem;line-height:1.3}.about-page .layer-desc{font-size:.8rem;color:color-mix(in srgb,var(--color-text) 64%,var(--color-white));font-weight:500}.about-page .phase-tag{font-family:var(--font-family-display);font-weight:700;font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius-pill);border:2px solid;flex-shrink:0;white-space:nowrap}.about-page .layer-pct{font-family:var(--font-family-display);font-weight:800;font-size:.9rem;flex-shrink:0}.about-page .progress-track{height:6px;background:var(--color-bg);border-bottom:var(--border-thin)}.about-page .progress-fill{height:100%;transition:width 1s ease}.about-page .layer-detail{display:grid;grid-template-columns:1fr 1fr}.about-page .detail-col{padding:1.25rem;border-right:var(--border-thin)}.about-page .detail-col:last-child{border-right:none}.about-page .detail-label{display:block;font-family:var(--font-family-display);font-weight:800;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.625rem}.about-page .built-label{color:var(--color-green)}.about-page .building-label{color:var(--color-blue)}.about-page .next-label{color:color-mix(in srgb,var(--color-text) 50%,var(--color-white))}.about-page .detail-list{list-style:none;padding:0;margin:0 0 .75rem;display:flex;flex-direction:column;gap:.375rem}.about-page .detail-item{font-size:.83rem;font-weight:500;line-height:1.45;padding-left:1.1rem;position:relative;color:color-mix(in srgb,var(--color-text) 86%,var(--color-white))}.about-page .detail-item:before{position:absolute;left:0;top:.05em;font-size:.75rem;font-weight:800}.about-page .detail-list .built-item:before{content:"✓";color:var(--color-green)}.about-page .detail-list .building-item:before{content:"→";color:var(--color-blue)}.about-page .next-row{padding-top:.625rem;border-top:var(--border-thin);margin-top:auto}.about-page .next-text{display:block;font-size:.83rem;font-weight:500;line-height:1.45;color:color-mix(in srgb,var(--color-text) 79%,var(--color-white));margin-top:.3rem}.about-page .detail-list .built-item,.about-page .detail-list .building-item{display:list-item;background:none;border:none;border-radius:0;padding:0 0 0 1.1rem;gap:0}.about-page .phases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-page .phase-card{background:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-solid-sm);border-top:6px solid var(--phase-color)}.about-page .phase-header{margin-bottom:1.5rem}.about-page .phase-num{font-family:var(--font-family-display);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--color-text) 50%,var(--color-white))}.about-page .phase-title{font-family:var(--font-family-display);font-size:1.25rem;font-weight:800;margin:.25rem 0}.about-page .phase-subtitle{font-size:.875rem;font-style:italic;color:color-mix(in srgb,var(--color-text) 71%,var(--color-white));margin:0 0 .75rem}.about-page .phase-timeline{display:inline-block;font-size:.8rem;font-weight:700;background:var(--color-bg);border:var(--border-thin);border-radius:var(--radius-pill);padding:.25rem .75rem}.about-page .milestone-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.about-page .milestone{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1.4}.about-page .milestone.done{opacity:.6;text-decoration:line-through}.about-page .milestone-check{flex-shrink:0;font-size:.875rem;margin-top:.1rem}.about-page .milestone-id{font-family:var(--font-family-display);font-weight:800;font-size:.75rem;background:var(--color-bg);border:var(--border-thin);border-radius:4px;padding:.1rem .35rem;flex-shrink:0;margin-top:.05rem}.about-page .model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.about-page .model-item{padding:1.25rem;background:var(--color-bg);border:var(--border-thin);border-radius:var(--radius-md)}.about-page .model-item h4{font-family:var(--font-family-display);font-weight:800;font-size:1rem;margin:0 0 .5rem}.about-page .model-item p{font-size:.9rem;font-weight:500;line-height:1.5;color:color-mix(in srgb,var(--color-text) 79%,var(--color-white));margin:0}.about-page .cta-card{border:var(--border-thick);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-solid)}.about-page .cta-title{font-family:var(--font-family-display);font-size:2rem;font-weight:800;margin:0 0 .75rem}.about-page .cta-desc{font-size:1.1rem;font-weight:500;line-height:1.6;margin:0 0 2.5rem;opacity:.85;max-width:600px}.about-page .cta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.about-page .cta-role{background:color-mix(in srgb,var(--color-white) 7.000000000000001%,transparent);border:2px solid color-mix(in srgb,var(--color-white) 15%,transparent);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.about-page .cta-role h4{font-family:var(--font-family-display);font-weight:800;font-size:1rem;margin:0}.about-page .cta-role p{font-size:.875rem;font-weight:500;line-height:1.5;opacity:.8;margin:0;flex:1}.about-page .role-btn{display:inline-block;font-family:var(--font-family-display);font-weight:800;font-size:.875rem;color:var(--color-yellow);text-decoration:none;margin-top:.5rem;transition:opacity .15s}.about-page .role-btn:hover{opacity:.7}.about-page .latest-card{background:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-solid-sm)}.about-page .latest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.about-page .latest-chip{font-family:var(--font-family-display);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-blue);color:var(--color-on-accent);padding:.3rem .75rem;border-radius:var(--radius-pill);border:var(--border-thin)}.about-page .all-updates-link{font-family:var(--font-family-display);font-weight:800;text-decoration:none;color:var(--color-text)}.about-page .latest-title{font-family:var(--font-family-display);font-size:1.5rem;font-weight:800;margin:0 0 .75rem}.about-page .latest-excerpt{font-size:1rem;font-weight:500;line-height:1.6;color:color-mix(in srgb,var(--color-text) 79%,var(--color-white));margin:0 0 1.75rem}.about-page .action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-family-display);font-size:1rem;font-weight:800;border:var(--border-thick);border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-solid-sm);transition:transform .1s,box-shadow .1s}.about-page .action-btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-solid)}.about-page .primary-btn{background:var(--color-primary);color:var(--color-on-accent)}.about-page .footer{padding:3rem 2rem;margin-top:2rem}.about-page .footer-inner{max-width:1100px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1rem}.about-page .footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.about-page .footer-links a,.about-page .footer a{color:var(--color-yellow);text-decoration:none;font-weight:700;font-family:var(--font-family-display)}.about-page .footer p{font-family:var(--font-family-base);font-weight:500;margin:0;font-size:.95rem}@media(max-width:900px){.about-page .users-grid{grid-template-columns:repeat(2,1fr)}.about-page .phases-grid{grid-template-columns:1fr}.about-page .cta-grid{grid-template-columns:repeat(2,1fr)}.about-page .model-grid{grid-template-columns:1fr}}@media(max-width:600px){.about-page .users-grid,.about-page .cta-grid{grid-template-columns:1fr}.about-page .hero{padding:3rem 1.25rem}.about-page .main{padding:2.5rem 1rem;gap:2.5rem}.about-page .nav-links{display:none}}