.landing{flex-direction:column;min-height:100vh;display:flex}.landing-nav{padding:var(--space-lg) var(--space-2xl);-webkit-backdrop-filter:blur(20px);z-index:var(--z-sticky);background:#faf7f3d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.landing-logo{font-family:var(--font-display);font-size:var(--title-lg);color:var(--primary);letter-spacing:-.02em;font-weight:800}.landing-nav-actions{align-items:center;gap:var(--space-md);display:flex}.locale-switch{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--label-lg);color:var(--on-surface-variant);background:var(--surface-container-low);border-radius:var(--radius-full);cursor:pointer;min-height:var(--min-touch);transition:all var(--transition-fast);border:none;font-weight:600;display:inline-flex}.locale-switch:hover{background:var(--surface-container)}.hero{padding:var(--space-3xl) var(--space-2xl);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.hero-inner{max-width:48rem}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--tertiary-container);color:var(--on-tertiary-container);font-family:var(--font-body);font-size:var(--label-lg);border-radius:var(--radius-full);margin-bottom:var(--space-xl);letter-spacing:.02em;font-weight:600;display:inline-flex}.hero h1{font-size:var(--display-sm);letter-spacing:-.03em;color:var(--primary);margin-bottom:var(--space-lg);font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--body-lg);color:var(--on-surface-variant);max-width:36rem;margin:0 auto var(--space-2xl);line-height:1.7}.hero-actions{justify-content:center;align-items:stretch;gap:var(--space-md);flex-direction:column;max-width:22rem;margin:0 auto;display:flex}.hero-actions .btn{justify-content:center}.landing-phases{padding:var(--space-3xl) var(--space-2xl);background:var(--surface-container-low)}.landing-phases-inner{max-width:var(--max-width);margin:0 auto}.landing-phases h2{text-align:center;margin-bottom:var(--space-2xl)}.phase-cards{gap:var(--space-lg);grid-template-columns:repeat(5,1fr);display:grid}.phase-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal);position:relative}.phase-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.phase-number{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--on-primary);font-family:var(--font-display);font-weight:800;font-size:var(--body-lg);border-radius:var(--radius-full);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex}.phase-card h3{font-size:var(--title-md);margin-bottom:var(--space-sm)}.phase-card p{font-size:var(--body-sm);color:var(--on-surface-variant)}.principles{justify-content:center;gap:var(--space-2xl);padding:var(--space-2xl) var(--space-xl);flex-wrap:wrap;display:flex}.principle{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--title-md);color:var(--secondary);font-weight:600;display:flex}.principle-dot{border-radius:var(--radius-full);background:var(--tertiary);width:8px;height:8px}.landing-footer{padding:var(--space-xl) var(--space-2xl);text-align:center;font-size:var(--body-sm);color:var(--outline)}@media (max-width:1024px){.phase-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero h1{font-size:var(--headline-lg)}.phase-cards{grid-template-columns:1fr 1fr}.hero-actions{max-width:100%}}@media (max-width:480px){.phase-cards{grid-template-columns:1fr}}
