Clean up Strategy view - hide product header & exec summary

- Hide Product Header and Executive Summary for Strategy view
- Strategy now has clean standalone layout without clutter
- Add liis-design.md skill for brand colors (to be updated)
- Other views retain the Executive Summary

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

.claude/skills/liis-design.md

@@ -0,0 +1,79 @@
+# LiiS Design System
+
+Apply LiiS brand styling to the simulator.
+
+## Usage
+
+```
+/liis-design
+```
+
+## Brand Colors (to be updated)
+
+```python
+# Primary colors
+LIIS_PRIMARY = "#2ecc71"      # TODO: Update with actual LiiS green
+LIIS_SECONDARY = "#1a1a2e"    # TODO: Update with actual dark
+LIIS_ACCENT = "#f1c40f"       # TODO: Update with actual accent
+LIIS_BACKGROUND = "#0e0e1a"   # TODO: Update with actual bg
+LIIS_TEXT = "#ffffff"         # TODO: Update with actual text
+LIIS_MUTED = "#888888"        # TODO: Update with actual muted
+
+# Semantic colors
+LIIS_SUCCESS = "#2ecc71"
+LIIS_WARNING = "#f1c40f"
+LIIS_ERROR = "#e74c3c"
+```
+
+## Typography (to be updated)
+
+```python
+LIIS_FONT_FAMILY = "system-ui, -apple-system, sans-serif"  # TODO: Update
+LIIS_HEADING_WEIGHT = "600"
+LIIS_BODY_WEIGHT = "400"
+```
+
+## Design Principles
+
+1. **Minimal & Clean** - Lots of whitespace, no clutter
+2. **Family-friendly** - Warm, accessible, trustworthy
+3. **Sustainability focus** - Green accents, circular imagery
+4. **Functional simplicity** - Clear hierarchy, obvious actions
+
+## CSS for Streamlit
+
+```css
+/* Apply in st.markdown() with unsafe_allow_html=True */
+.liis-card {
+    background: linear-gradient(135deg, #1a1a2e 0%, #252540 100%);
+    padding: 1.5rem;
+    border-radius: 12px;
+    border-left: 4px solid #2ecc71;
+}
+
+.liis-hero-metric {
+    font-size: 2.5rem;
+    font-weight: 600;
+    color: #2ecc71;
+}
+
+.liis-label {
+    color: #888;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+}
+```
+
+## Instructions
+
+When applying LiiS design:
+1. Remove clutter - only essential information
+2. Use the brand colors defined above
+3. Keep charts minimal - no unnecessary gridlines
+4. Use st.metric() sparingly - prefer custom styled cards
+5. Maintain consistent spacing (1rem, 1.5rem, 2rem)
+
+## Update Colors
+
+When brand colors are provided, update the hex values above and regenerate the CSS.

app.py

@@ -243,58 +243,55 @@ else:
 
 
 # ============================================================
-# SHARED PRODUCT HEADER (compact)
+# SHARED PRODUCT HEADER & EXECUTIVE SUMMARY
+# (Hidden for Strategy view - it has its own clean layout)
 # ============================================================
-header_col1, header_col2 = st.columns([1, 3])
+if selected_view != "Strategy":
+    header_col1, header_col2 = st.columns([1, 3])
 
-with header_col1:
-    if "image_url" in product_info:
-        st.image(product_info["image_url"], width=200)
+    with header_col1:
+        if "image_url" in product_info:
+            st.image(product_info["image_url"], width=200)
 
-with header_col2:
-    st.subheader(product_info["name"])
-    st.caption(f"**{product_info['brand']}** | Retail: €{retail_price:,} | Lease: €{lease_price}/mo (€{total_lease_cost} total)")
+    with header_col2:
+        st.subheader(product_info["name"])
+        st.caption(f"**{product_info['brand']}** | Retail: €{retail_price:,} | Lease: €{lease_price}/mo (€{total_lease_cost} total)")
 
-st.markdown("---")
+    st.markdown("---")
 
-# ============================================================
-# EXECUTIVE SUMMARY (visible in all views)
-# ============================================================
-st.markdown("**Executive Summary**")
-
-# Model Status Badge
-st.markdown(f'''
-<span style="background-color: {status_color}; color: white; padding: 0.3rem 0.8rem;
-border-radius: 20px; font-weight: 600; font-size: 0.85rem;">
-Model: {model_status}</span>
-<span style="color: #888; margin-left: 1rem; font-size: 0.85rem;">
-{operating_margin:.1f}% margin across {max_cycles} cycles</span>
-''', unsafe_allow_html=True)
-
-# 5 KPI Metrics Row
-kpi_cols = st.columns(5)
-with kpi_cols[0]:
-    st.metric("A: Monthly Lease", f"€{lease_price}", help="Revenue driver")
-with kpi_cols[1]:
-    st.metric("B: Operating Margin", f"{operating_margin:.1f}%",
-              delta="healthy" if operating_margin >= 25 else "tight",
-              help="Lifecycle profit / revenue")
-with kpi_cols[2]:
-    st.metric("C: Manufacturing", f"€{mfg_cost}", help="First-cycle cost")
-with kpi_cols[3]:
-    st.metric("D: Recovery Rate", f"{eolrr:.1%}", help="Enables reuse cycles")
-with kpi_cols[4]:
-    st.metric("E: Max Cycles", f"{max_cycles}", help="Families per product")
-
-# Contextual insight based on status
-if model_status == "Loss":
-    st.error("Action needed: Raise lease price, reduce costs, or increase cycles.")
-elif model_status == "Break-even":
-    st.warning(f"Margin thin at {operating_margin:.1f}%. Review pricing or costs.")
-else:
-    st.success(f"Strong: {operating_margin:.1f}% margin, {eolrr:.0%} recovery, {max_cycles} cycles.")
+    # Executive Summary
+    st.markdown("**Executive Summary**")
+
+    st.markdown(f'''
+    <span style="background-color: {status_color}; color: white; padding: 0.3rem 0.8rem;
+    border-radius: 20px; font-weight: 600; font-size: 0.85rem;">
+    Model: {model_status}</span>
+    <span style="color: #888; margin-left: 1rem; font-size: 0.85rem;">
+    {operating_margin:.1f}% margin across {max_cycles} cycles</span>
+    ''', unsafe_allow_html=True)
+
+    kpi_cols = st.columns(5)
+    with kpi_cols[0]:
+        st.metric("A: Monthly Lease", f"€{lease_price}", help="Revenue driver")
+    with kpi_cols[1]:
+        st.metric("B: Operating Margin", f"{operating_margin:.1f}%",
+                  delta="healthy" if operating_margin >= 25 else "tight",
+                  help="Lifecycle profit / revenue")
+    with kpi_cols[2]:
+        st.metric("C: Manufacturing", f"€{mfg_cost}", help="First-cycle cost")
+    with kpi_cols[3]:
+        st.metric("D: Recovery Rate", f"{eolrr:.1%}", help="Enables reuse cycles")
+    with kpi_cols[4]:
+        st.metric("E: Max Cycles", f"{max_cycles}", help="Families per product")
+
+    if model_status == "Loss":
+        st.error("Action needed: Raise lease price, reduce costs, or increase cycles.")
+    elif model_status == "Break-even":
+        st.warning(f"Margin thin at {operating_margin:.1f}%. Review pricing or costs.")
+    else:
+        st.success(f"Strong: {operating_margin:.1f}% margin, {eolrr:.0%} recovery, {max_cycles} cycles.")
 
-st.markdown("---")
+    st.markdown("---")
 
 # ============================================================
 # VIEW: STRATEGY (C-Level)