.hidden{display:none}.language-selector{cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.language-selector:hover{background-color:#ffffff1a}.language-selector.active svg{fill:#9eff7d}.weather-preview-wrapper{padding:2rem 0}@media (min-width: 992px){.weather-preview-wrapper{padding:0 0 0 2rem}}.weather-preview{background:#ffffff;border-radius:8px;border:1.5px solid #1a365d;overflow:hidden;max-width:800px;margin:0 auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.preview-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.12)}.preview-header .window-dot{width:10px;height:10px;border-radius:50%}.preview-header .window-dot.dot-red{background:#FF5F56}.preview-header .window-dot.dot-yellow{background:#FFBD2E}.preview-header .window-dot.dot-green{background:#27C93F}.weather-content{padding:1rem 1.5rem;height:320px}.accent-tag{background:rgba(2,132,199,.1);color:#0284c7;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.025em}.current-temp{font-size:2.5rem;font-weight:700;line-height:1;color:#1a365d}.weather-stat{text-align:center;border-left:1px solid rgba(0,0,0,.08)}.weather-stat:first-child{border-left:none}.weather-stat .stat-icon{width:18px;height:18px;color:#1a365d;margin-bottom:.5rem;color:#0284c7}.weather-stat .stat-value{font-weight:600;font-size:1rem;color:#1a365d}.weather-stat .stat-label{font-size:.8125rem;color:#475569;letter-spacing:.025em}.forecast-row{padding-top:1rem;border-top:1px solid rgba(0,0,0,.12)}.forecast-item{padding:0 .5rem}.forecast-item .day-label{font-size:.75rem;color:#475569;margin-bottom:.25rem}.forecast-item .forecast-icon{width:18px;height:18px;color:#1a365d;margin-bottom:.25rem}.forecast-item .forecast-temp{font-weight:600;font-size:.9rem}.location-icon,.weather-icon{width:18px;height:18px;color:#1a365d}.small-text{font-size:.75rem;color:#475569}.api-showcase{max-width:1000px;margin:2rem auto;padding:0 1.5rem}.showcase-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.showcase-header .showcase-title h3{font-size:1.75rem;font-weight:700;color:#1a365d;margin:0 0 .5rem}.showcase-header .showcase-title p{font-size:1.125rem;color:#475569;margin:0}.copy-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f8fafc;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:#1a365d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:rgb(240.86,244.9,248.94);border-color:#0000001f}.copy-button.copied{background:#10b981;border-color:#10b981;color:#fff}.copy-button .copy-icon{width:16px;height:16px}.code-preview{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a}.code-preview-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgb(42.75,42.75,42.75);border-bottom:1px solid rgba(255,255,255,.1)}.code-preview-header .header-dots{display:flex;gap:.5rem}.code-preview-header .window-dot{width:12px;height:12px;border-radius:50%}.code-preview-header .window-dot.dot-red{background:#ff5f57}.code-preview-header .window-dot.dot-yellow{background:#febc2e}.code-preview-header .window-dot.dot-green{background:#28c840}.code-preview-header .header-path{display:flex;align-items:center;gap:.5rem;margin-left:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.code-preview-header .header-path .path-label{color:#10b981;font-weight:600}.code-preview-header .header-path .path-text{color:#e2e8f0}.code-preview-content{position:relative;height:500px}.code-preview-content .code-block{margin:0;height:100%;overflow:auto;padding:1.5rem;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}.code-preview-content .code-block::-webkit-scrollbar{width:16px;height:16px}.code-preview-content .code-block::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:8px;margin:4px}.code-preview-content .code-block::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:8px;border:4px solid transparent;background-clip:padding-box}.code-preview-content .code-block::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5);background-clip:padding-box}.code-preview-content code{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#e2e8f0;-moz-tab-size:2;tab-size:2}.code-preview-footer{padding:.75rem 1rem;background:rgb(42.75,42.75,42.75);border-top:1px solid rgba(255,255,255,.1)}.code-preview-footer .response-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#94a3b8}.code-preview-footer .response-meta .status.success{color:#10b981;font-weight:500}.code-preview-footer .response-meta .size,.code-preview-footer .response-meta .time{color:#64748b}.hljs-attr{color:#9cdcfe}.hljs-string{color:#ce9178}.hljs-number{color:#b5cea8}.hljs-literal{color:#569cd6}.hljs-punctuation{color:#d4d4d4}.mobile-weather-preview{background:white;border-radius:8px;border:1.5px solid black;overflow:hidden;width:100%;margin:0 auto}.mobile-weather-preview .preview-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-weather-preview .preview-header .window-dot{width:10px;height:10px;border-radius:50%}.mobile-weather-preview .preview-header .window-dot.dot-red{background:#ff5f57}.mobile-weather-preview .preview-header .window-dot.dot-yellow{background:#febc2e}.mobile-weather-preview .preview-header .window-dot.dot-green{background:#28c840}.mobile-weather-preview .weather-content{padding:16px}.mobile-weather-preview .location-section{margin-bottom:20px}.mobile-weather-preview .location-section .location-title{font-size:24px;font-weight:600;color:#0a1930}.mobile-weather-preview .location-section .location-subtitle{font-size:14px;color:#64748b;margin-top:4px}.mobile-weather-preview .location-section .live-badge{background:#c3ff65;color:#0a1930;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.mobile-weather-preview .temperature-section{margin-bottom:24px}.mobile-weather-preview .temperature-section .current-temp{font-size:48px;font-weight:700;color:#0a1930;line-height:1}.mobile-weather-preview .temperature-section .current-temp span{font-size:24px}.mobile-weather-preview .temperature-section .condition{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:18px;color:#0a1930}.mobile-weather-preview .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.mobile-weather-preview .stats-grid .stat-card{text-align:center;padding:12px;background:#f8f9fa;border-radius:8px}.mobile-weather-preview .stats-grid .stat-card i{color:#64748b;margin-bottom:8px}.mobile-weather-preview .stats-grid .stat-card .stat-value{font-size:18px;font-weight:600;color:#0a1930}.mobile-weather-preview .stats-grid .stat-card .stat-label{font-size:12px;color:#64748b;margin-top:4px}.mobile-weather-preview .forecast-section{border-top:1px solid rgba(0,0,0,.1);padding-top:16px}.mobile-weather-preview .forecast-section .forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mobile-weather-preview .forecast-section .forecast-card{text-align:center}.mobile-weather-preview .forecast-section .forecast-card .day{font-size:12px;color:#64748b;margin-bottom:8px;text-transform:uppercase}.mobile-weather-preview .forecast-section .forecast-card i{color:#0a1930;margin-bottom:8px}.mobile-weather-preview .forecast-section .forecast-card .temp{font-size:16px;font-weight:600;color:#0a1930}.features-grid{padding:40px 0}.feature-card{background:#FFFFFF;border:1px solid rgba(0,43,66,.12);border-radius:10px;padding:32px;height:100%;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#0284c7;transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.feature-card:hover{box-shadow:0 12px 24px #002b4214;transform:translateY(-2px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:#002B42;border-radius:12px;margin-bottom:24px}.feature-icon svg{width:24px;height:24px;stroke:#df9;stroke-width:2}.feature-title{color:#002b42;font-size:20px;font-weight:600;margin-bottom:20px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{color:#4b5563;font-size:15px;line-height:1.6;margin-bottom:14px;padding-left:20px;position:relative}.feature-list li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-top:2px solid #4B5563;border-right:2px solid #4B5563;transform:translateY(-50%) rotate(45deg)}.approach-section{padding:6rem 0;background:#0a1930;position:relative;overflow:hidden}.approach-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(158,255,125,.1) 15%,rgba(158,255,125,.1) 85%,transparent 100%)}.approach-section:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;opacity:.5}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem;gap:4rem;position:relative;z-index:1}.section-heading h2{color:#9eff7d;font-size:2.75rem;font-weight:700;margin:0;line-height:1.2;flex-shrink:0;width:30%;position:relative}.section-heading h2:after{content:"";position:absolute;bottom:-1rem;left:0;width:60px;height:4px;background:#9EFF7D;border-radius:2px}.section-heading p{color:#fff;font-size:1.25rem;line-height:1.7;margin:0;max-width:600px;padding-top:.5rem;flex:1;font-weight:500}@media (max-width: 768px){.section-heading{flex-direction:column;gap:2rem}.section-heading h2{width:100%}}.approach-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.approach-card{background:rgba(158,255,125,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;height:100%;transition:all .3s ease;border:1px solid rgba(158,255,125,.1)}.approach-card:hover{transform:translateY(-5px);background:rgba(158,255,125,.05);border-color:#9eff7d33}.icon-wrapper{margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px}.icon-wrapper i{width:24px;height:24px;stroke:#df9;stroke-width:2;color:transparent}.approach-content h4{color:#fff;font-weight:600;font-size:1.25rem;margin-bottom:1rem}.approach-content p{color:#a3acb9;line-height:1.6;font-size:1rem}.container-xl{max-width:1200px;margin:0 auto;padding:0 1.5rem}