:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-bg: #f9fafb;--color-bg-alt: #f0fdf4;--color-white: #ffffff;--color-border: #e5e7eb;--color-text-dark: #1f2937;--color-text-muted: #6b7280;--color-text-light: #065f46;--color-warning-bg: #fef3c7;--color-warning-border: #fbbf24;--color-warning-text-dark: #92400e;--color-success-bg: #d1fae5;--color-success-text: #065f46;--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: 1rem;--spacing-l: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-s: .275rem;--radius-m: .5rem;--radius-l: 1rem;--radius-2xl: 2rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-m: 0 4px 6px rgba(0, 0, 0, .1);--shadow-l: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--max-width-content: 800px;--max-width-container: 1000px;--max-width-wide: 1200px}.hero-section{padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-3xl);background:linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-white) 100%)}.hero-container{max-width:var(--max-width-wide);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-content h1{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--spacing-l);color:var(--color-text-dark)}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:var(--line-height-normal)}.cta-buttons{display:flex;gap:var(--spacing-m)}.btn-primary,.btn-secondary{border-radius:var(--radius-m);padding:var(--spacing-m) var(--spacing-xl);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-m);transition:all var(--transition);display:inline-block;text-align:center}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--color-white);color:var(--color-text-dark);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.stack-diagram{background:var(--color-white);border-radius:var(--radius-l);padding:var(--spacing-xl);box-shadow:var(--shadow-m)}.stack-layer{padding:var(--spacing-m);margin-bottom:var(--spacing-m);background:var(--color-bg);border-radius:var(--radius-m);text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-muted);border:2px solid var(--color-border)}.stack-layer:last-child{margin-bottom:0}.value-section{padding:var(--spacing-4xl) var(--spacing-xl)}.value-container{max-width:var(--max-width-wide);margin:0 auto}.section-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-xl)}.value-card{padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-l);border:2px solid var(--color-border);transition:all var(--transition-slow)}.value-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-l)}.value-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-m)}.value-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-m);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.value-card p{color:var(--color-text-muted);line-height:var(--line-height-normal)}.product-showcase{padding:var(--spacing-4xl) var(--spacing-xl);background:var(--color-bg)}.showcase-container{max-width:var(--max-width-wide);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.showcase-label{display:inline-block;padding:var(--spacing-s) var(--spacing-m);background:#d1fae5;color:var(--color-text-light);border-radius:var(--radius-2xl);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-m)}.showcase-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-l);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.showcase-content>p{font-size:var(--font-size-l);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-bottom:var(--spacing-l)}.showcase-features{list-style:none;margin-bottom:var(--spacing-xl)}.showcase-features li{padding:var(--spacing-m) 0;color:var(--color-text-muted);position:relative;padding-left:var(--spacing-l)}.showcase-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.product-mockup{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-l);padding:var(--spacing-xl);box-shadow:var(--shadow-xl)}.mockup-screen{background:var(--color-white);border-radius:var(--radius-m);overflow:hidden}.mockup-header{height:3rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.mockup-content{padding:var(--spacing-xl)}.sensor-reading{padding:var(--spacing-m);margin-bottom:var(--spacing-m);background:var(--color-bg-alt);border-radius:var(--radius-m);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.sensor-reading:last-child{margin-bottom:0}.developer-cta{padding:var(--spacing-4xl) var(--spacing-xl);background:linear-gradient(135deg,#1f2937,#111827);color:var(--color-white)}.cta-container{max-width:var(--max-width-content);margin:0 auto;text-align:center}.cta-container h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-m);font-weight:var(--font-weight-bold)}.cta-container p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);opacity:.9}.cta-container .btn-secondary{background:var(--color-white);color:var(--color-text-dark)}.showcase-image{width:100%;height:auto;display:block}@media (max-width: 768px){.hero-container,.showcase-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-section{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl)}.hero-content h1{font-size:var(--font-size-3xl)}.value-section{padding:var(--spacing-xl) var(--spacing-m)}.value-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.showcase-content h2,.cta-container h2{font-size:var(--font-size-2xl)}.cta-container p{font-size:var(--font-size-l)}.showcase-image{margin-top:var(--spacing-xl)}}