.hero{width:100%;min-height:80vh;position:relative;padding:120px 0 60px;display:flex;align-items:center}.hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px}.hero p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin:5px 0 30px;font-size:22px;line-height:1.3;font-weight:600}.hero .btn-get-started{color:var(--contrast-color);background:var(--accent-color);font-family:var(--heading-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:10px 28px 12px;border-radius:50px;transition:.5s}.hero .btn-get-started:hover{color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%)}.hero .btn-watch-video{font-size:16px;transition:.5s;margin-left:25px;color:var(--default-color);font-weight:600}.hero .btn-watch-video i{color:var(--contrast-color);font-size:32px;transition:.3s;line-height:0;margin-right:8px}.hero .btn-watch-video:hover{color:var(--accent-color)}.hero .btn-watch-video:hover i{color:color-mix(in srgb,var(--accent-color),transparent 15%)}.hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}@media (max-width: 640px){.hero h1{font-size:28px;line-height:36px}.hero p{font-size:18px;line-height:24px;margin-bottom:30px}.hero .btn-get-started,.hero .btn-watch-video{font-size:13px}}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}.about ul{list-style:none;padding:0}.about ul li{padding-bottom:5px;display:flex;align-items:center}.about ul i{font-size:20px;padding-right:4px;color:var(--accent-color)}.about .read-more{color:var(--accent-color);font-family:var(--heading-font);font-weight:500;font-size:16px;letter-spacing:1px;padding:8px 28px;border-radius:5px;transition:.3s;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--accent-color)}.about .read-more i{font-size:18px;margin-left:5px;line-height:0;transition:.3s}.about .read-more:hover{background:var(--accent-color);color:var(--contrast-color)}.about .read-more:hover i{transform:translate(5px)}.services .service-item{background-color:var(--surface-color);box-shadow:0 5px 90px #0000001a;padding:50px 30px;transition:all ease-in-out .4s;height:100%}.services .service-link{text-decoration:none;color:inherit;display:block;height:100%}.services .service-link:hover{text-decoration:none;color:inherit}.services .service-item .icon{margin-bottom:10px}.services .service-item .icon i{color:var(--accent-color);font-size:36px;transition:.3s}.services .service-item h4{font-weight:700;margin-bottom:15px;font-size:20px}.services .service-item h4 a{color:var(--heading-color);transition:ease-in-out .3s}.services .service-item p{line-height:24px;font-size:14px;margin-bottom:0}.services .service-item:hover{transform:translateY(-10px)}.services .service-item:hover h4 a{color:var(--accent-color)}.api-showcase{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative;overflow:hidden}.api-showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e9ecef" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5;z-index:1}.api-showcase .container{position:relative;z-index:2}.api-showcase .section-title{text-align:center;margin-bottom:4rem}.api-showcase .section-title h2{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.api-showcase .section-title p{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto}.api-content{padding:2rem}.api-content h3{font-size:2rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;line-height:1.3}.api-content .lead{font-size:1.1rem;line-height:1.6;color:#495057;margin-bottom:2rem}.api-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;text-align:center}.stat-number{font-size:1.8rem;font-weight:700;color:#3498db!important;line-height:1}.stat-label{font-size:.9rem;color:#6c757d!important;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;opacity:1!important}.api-cta{display:flex;gap:1rem;flex-wrap:wrap}.api-cta .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s ease}.api-cta .btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none}.api-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db4d}.api-cta .btn-outline-primary{background:transparent;color:#3498db;border:2px solid #3498db}.api-cta .btn-outline-primary:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.api-code-preview{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003;margin-top:2rem}.code-header{background:#2d2d2d;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.code-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.code-title{color:#a0a0a0;font-size:.9rem}.code-content{padding:1.5rem;overflow-x:auto;background:#1e1e1e!important;color:#e6e6e6!important}.code-content pre{margin:0;color:#e6e6e6!important;background:transparent!important;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.code-content code{color:#e6e6e6!important;background:transparent!important;white-space:pre}.api-code-preview .code-content,.api-code-preview .code-content *,.api-code-preview .code-content pre,.api-code-preview .code-content code{color:#e6e6e6!important;background-color:transparent!important}.api-code-preview .code-content{background-color:#1e1e1e!important}.api-code-preview .code-content::selection,.api-code-preview .code-content *::selection,.api-code-preview .code-content pre::selection,.api-code-preview .code-content code::selection{background:#3498db!important;color:#fff!important;text-shadow:none!important}.api-code-preview .code-content::-moz-selection,.api-code-preview .code-content *::-moz-selection,.api-code-preview .code-content pre::-moz-selection,.api-code-preview .code-content code::-moz-selection{background:#3498db!important;color:#fff!important;text-shadow:none!important}.api-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.api-feature-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.api-feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon i{font-size:1.5rem;color:#fff}.feature-content h4{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.feature-content p{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}.feature-endpoint{background:#f8f9fa;padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem}.feature-endpoint code{color:#e74c3c;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem}.feature-link{color:#3498db;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.feature-link:hover{color:#2980b9;transform:translate(3px)}.language-showcase{margin-top:4rem;padding:3rem;background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a}.language-showcase h3{font-size:2rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;text-align:center}.language-showcase>p{text-align:center;color:#6c757d;margin-bottom:2rem;font-size:1.1rem}.language-tabs .tab-buttons{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.tab-btn{background:transparent;border:2px solid #e9ecef;color:#6c757d;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.tab-btn:hover,.tab-btn.active{background:#3498db;border-color:#3498db;color:#fff}.tab-content{position:relative}.tab-pane{display:none;background:#1e1e1e;border-radius:12px;overflow:hidden;border:1px solid #333}.tab-pane.active{display:block}.tab-pane pre{margin:0;padding:2rem;overflow-x:auto;background:#1e1e1e!important;border:none}.tab-pane code{color:#e6e6e6!important;background:transparent!important;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;white-space:pre}.language-showcase .tab-pane{background:#1e1e1e!important}.language-showcase .tab-pane pre{background:#1e1e1e!important;color:#e6e6e6!important}.language-showcase .tab-pane code{background:transparent!important;color:#e6e6e6!important}.tab-pane pre::selection,.tab-pane code::selection{background:#3498db!important;color:#fff!important}.tab-pane pre::-moz-selection,.tab-pane code::-moz-selection{background:#3498db!important;color:#fff!important}.language-showcase .tab-pane{background:#1e1e1e!important;color:#e6e6e6!important}.language-showcase .tab-pane pre{background:#1e1e1e!important;color:#e6e6e6!important;margin:0!important;padding:2rem!important}.language-showcase .tab-pane code{background:transparent!important;color:#e6e6e6!important;font-family:Monaco,Menlo,Consolas,monospace!important;font-size:.9rem!important;line-height:1.6!important}.language-showcase .tab-pane pre *,.language-showcase .tab-pane code *{color:inherit!important;background:transparent!important}.language-showcase .tab-pane pre::selection,.language-showcase .tab-pane code::selection,.language-showcase .tab-pane *::selection{background:#3498db!important;color:#fff!important}.language-showcase .tab-pane pre::-moz-selection,.language-showcase .tab-pane code::-moz-selection,.language-showcase .tab-pane *::-moz-selection{background:#3498db!important;color:#fff!important}.api-showcase .language-showcase .tab-pane,.api-showcase .language-showcase .tab-pane *,.api-showcase .language-showcase .tab-content,.api-showcase .language-showcase .tab-content *{color:#e6e6e6!important;background-color:transparent!important}.api-showcase .language-showcase .tab-pane pre,.api-showcase .language-showcase .tab-pane code{background-color:#1e1e1e!important;color:#e6e6e6!important}.api-showcase .language-showcase .tab-pane::selection,.api-showcase .language-showcase .tab-pane *::selection,.api-showcase .language-showcase .tab-content::selection,.api-showcase .language-showcase .tab-content *::selection,.api-showcase .language-showcase pre::selection,.api-showcase .language-showcase code::selection{background:#3498db!important;color:#fff!important;text-shadow:none!important}.api-showcase .language-showcase .tab-pane::-moz-selection,.api-showcase .language-showcase .tab-pane *::-moz-selection,.api-showcase .language-showcase .tab-content::-moz-selection,.api-showcase .language-showcase .tab-content *::-moz-selection,.api-showcase .language-showcase pre::-moz-selection,.api-showcase .language-showcase code::-moz-selection{background:#3498db!important;color:#fff!important;text-shadow:none!important}.api-showcase .language-showcase .tab-pane pre,.api-showcase .language-showcase .tab-pane code,.api-showcase .language-showcase .tab-pane *{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.no-code-section{margin-top:4rem;text-align:center}.no-code-section h3{font-size:2rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.no-code-section>p{color:#6c757d;margin-bottom:2rem;font-size:1.1rem}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.integration-item{background:white;padding:2rem 1rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.integration-item:hover{transform:translateY(-3px);box-shadow:0 6px 25px #00000026}.integration-icon{width:50px;height:50px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.integration-icon i{font-size:1.25rem;color:#fff}.integration-item h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.integration-item p{color:#6c757d;font-size:.9rem;margin:0}@media (max-width: 768px){.api-showcase .section-title h2{font-size:2rem}.api-content{padding:1rem}.api-content h3{font-size:1.5rem}.api-stats{flex-direction:column;gap:1rem;text-align:center}.api-cta{justify-content:center}.api-features-grid{grid-template-columns:1fr;gap:1.5rem}.language-showcase{margin-top:2rem;padding:2rem 1rem}.tab-buttons{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}}@media (max-width: 576px){.api-showcase .section-title h2{font-size:1.75rem}.language-showcase h3,.no-code-section h3{font-size:1.5rem}.api-feature-card{padding:1.5rem}.tab-pane pre{padding:1rem}.tab-pane code{font-size:.8rem}}