:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#fff;color:#213547}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--primary-color: #007acc;--primary-hover: #005a99;--text-primary: #333;--text-secondary: #555;--text-muted: #666;--text-light: #888;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--header-height: 100px;--header-padding: 1.5rem 2rem;--section-padding: 4rem 2rem;--container-max-width: 1200px;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--logo-height: 80px;--logo-max-width: 300px;--app-logo-size: 80px;--shadow-light: 0 2px 10px rgba(0,0,0,.1);--shadow-medium: 0 4px 20px rgba(0,0,0,.1);--shadow-heavy: 0 8px 30px rgba(0,0,0,.15);--radius-sm: 6px;--radius-md: 12px;--coffee-bg: #FFDD00;--coffee-text: #000;--transition-fast: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base)}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--text-primary);width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--header-padding);background:var(--bg-primary);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:100;min-height:var(--header-height)}.logo-link{display:block;text-decoration:none;transition:transform var(--transition-fast)}.logo-link:hover{transform:scale(1.02)}.logo{height:var(--logo-height);width:auto;max-width:var(--logo-max-width);display:block}.nav{display:flex;gap:var(--spacing-lg)}.nav a{text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.nav a:hover{color:var(--primary-color)}.main{min-height:calc(100vh - 140px)}.hero{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:#fff;text-align:center;padding:6rem var(--spacing-lg)}.hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.hero p{font-size:clamp(1.1rem,2.5vw,1.5rem);opacity:.9}.apps-section{padding:var(--section-padding);max-width:var(--container-max-width);margin:0 auto}.apps-section h2{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-xl);color:var(--text-primary)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);justify-items:center}.app-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-medium);transition:transform var(--transition-fast),box-shadow var(--transition-fast);max-width:400px;width:100%}.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.app-logo{text-align:center;margin-bottom:var(--spacing-md)}.app-logo-img{width:var(--app-logo-size);height:var(--app-logo-size);object-fit:contain;border-radius:var(--radius-sm)}.app-card h3{font-size:1.8rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.app-card p{margin-bottom:var(--spacing-md);color:var(--text-muted)}.app-features ul{list-style:none;margin-bottom:var(--spacing-lg)}.app-features li{padding:var(--spacing-xs) 0;color:var(--text-secondary);position:relative;padding-left:var(--spacing-md)}.app-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:var(--font-weight-bold)}.app-button{background:var(--primary-color);color:#fff;border:none;padding:.75rem var(--spacing-lg);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:background var(--transition-fast);width:100%;text-decoration:none;display:inline-block;text-align:center}.app-button:hover{background:var(--primary-hover);color:#fff}.about-section{background:var(--bg-secondary);padding:var(--section-padding);text-align:center}.about-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.about-section p{max-width:800px;margin:0 auto var(--spacing-md) auto;font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.about-section p:last-child{margin-bottom:0}.support-section{background:var(--bg-primary);padding:var(--section-padding);text-align:center;border-top:1px solid #e0e0e0}.support-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.support-section p{max-width:600px;margin:0 auto var(--spacing-xl) auto;font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.coffee-button{display:inline-block;background:var(--coffee-bg);color:var(--coffee-text);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1.1rem;font-weight:var(--font-weight-medium);transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-medium)}.coffee-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy);color:var(--coffee-text)}.footer{background:var(--text-primary);color:#fff;text-align:center;padding:var(--spacing-lg)}@media (max-width: 768px){.header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.hero{padding:var(--spacing-xxl) var(--spacing-sm)}.nav{gap:var(--spacing-sm)}.apps-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.fishcast-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;text-align:center;padding:var(--spacing-xxl) var(--spacing-lg)}.fishcast-hero-content{max-width:800px;margin:0 auto}.fishcast-hero-logo{width:120px;height:120px;object-fit:contain;margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-medium)}.fishcast-hero h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.fishcast-hero p{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:var(--spacing-xl);opacity:.9}.fishcast-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.badge{background:#fff3;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.9rem;font-weight:var(--font-weight-medium)}.fishcast-demo{padding:var(--spacing-xxl) var(--spacing-lg);background:var(--bg-secondary)}.demo-container{max-width:var(--container-max-width);margin:0 auto;text-align:center}.demo-container h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.demo-container>p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-xxl)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xxl)}.demo-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-medium);transition:transform var(--transition-fast)}.demo-card:hover{transform:translateY(-5px)}.video-demo-card{grid-column:span 1;max-width:400px;margin:0 auto}.video-demo{background:#000;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;max-height:600px;width:100%}.demo-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.demo-video::-webkit-media-controls-volume-slider,.demo-video::-webkit-media-controls-mute-button{display:none}.demo-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.demo-card p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.demo-mockup{background:#f8f9fa;border-radius:var(--radius-sm);padding:var(--spacing-lg);min-height:120px;display:flex;align-items:center;justify-content:center}.mockup-weather .weather-card{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);display:flex;flex-direction:column;gap:var(--spacing-xs)}.temp{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--primary-color)}.condition{color:var(--text-secondary)}.fishing-rating{color:var(--primary-color);font-weight:var(--font-weight-medium)}.mockup-times{display:flex;flex-direction:column;gap:var(--spacing-sm)}.time-slot{background:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);display:flex;justify-content:space-between;align-items:center}.time-slot.active{border-left:4px solid var(--primary-color)}.time{font-weight:var(--font-weight-medium)}.rating{font-size:.9rem}.mockup-map{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);text-align:center}.map-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.map-pin{font-size:2rem}.location-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.mockup-journal{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-light)}.catch-entry{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.fish-type{font-weight:var(--font-weight-medium)}.weight{color:var(--primary-color);font-weight:var(--font-weight-medium)}.date{color:var(--text-secondary);font-size:.9rem}.fishcast-cta{background:var(--bg-primary);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.fishcast-cta h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.fishcast-cta>p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.cta-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:1.1rem;font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer;min-width:200px}.cta-button.primary{background:var(--primary-color);color:#fff}.cta-button.primary:hover{background:var(--primary-hover)}.cta-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button.secondary:hover{background:var(--primary-color);color:#fff}.coming-soon{font-style:italic;color:var(--text-light);font-size:.9rem}@media (max-width: 768px){.fishcast-badges{flex-direction:column;align-items:center}.demo-grid{grid-template-columns:1fr}.video-demo-card{max-width:300px}.video-demo{max-height:500px}.cta-buttons{flex-direction:column;align-items:center}.time-slot{flex-direction:column;gap:var(--spacing-xs)}}