.hero-section{position:relative;display:flex;align-items:center;justify-content:center;padding:120px 24px 100px;min-height:80vh;background:linear-gradient(180deg,#0a0a0a,#111111)}.hero-background{position:absolute;inset:0;z-index:-10}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom right,#3b82f610,#10b98110,#8b5cf610)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 70%);mask-image:radial-gradient(circle at center,black,transparent 70%)}.hero-container{max-width:1200px;margin:0 auto;text-align:center;min-height:360px}.hero-title{font-size:2.25rem;line-height:1.2;font-weight:900;margin-bottom:1.5rem}.hero-title-white{color:white}.hero-title-highlight{background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.125rem;color:#9ca3af;margin-bottom:3rem;max-width:720px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;gap:3rem;justify-content:center}.stat-item,.stat-number{text-align:center}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;font-variant-numeric:tabular-nums;display:inline-block;min-width:3ch}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.table-section{padding:100px 24px 120px;background:linear-gradient(180deg,#0a0a0a,#111111)}.table-container{max-width:1200px;margin:0 auto}.table-header{text-align:center;margin-bottom:3rem}.section-title{font-size:1.875rem;font-weight:700}.section-title-white{color:white}.comparison-table{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.table-wrapper{width:100%}.table-headers{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.launch-header,.platform-header{padding:1.5rem;font-weight:700;color:white;text-align:center;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.platform-header{text-align:left}.table-rows{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.table-row:hover{background:rgba(255,255,255,.02)}.table-row:last-child{border-bottom:none}.platform-info{display:flex;align-items:center;gap:1rem;padding:1.5rem}.platform-logo{width:32px;height:32px;overflow:hidden;border-radius:.5rem;flex-shrink:0}.logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.platform-name{font-weight:600;color:white;font-size:1rem}.platform-logo-link,.platform-name-link{text-decoration:none;color:inherit;transition:all .2s ease}.platform-logo-link:hover{transform:scale(1.1)}.platform-name-link:hover{color:#3b82f6;text-decoration:underline}.launch-column{padding:1.5rem}.launch-column,.launch-icon{display:flex;justify-content:center;align-items:center}.launch-icon{width:32px;height:32px;border-radius:50%;font-size:1rem;font-weight:600}.launch-icon svg{width:16px;height:16px}.launch-icon.check{background:rgba(34,197,94,.2);color:#22c55e;border:2px solid rgba(34,197,94,.3)}.launch-icon.cross{background:rgba(239,68,68,.2);color:#ef4444;border:2px solid rgba(239,68,68,.3)}.database-header{padding:1.5rem;font-weight:700;color:white;text-align:center;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.database-row{grid-template-columns:2fr 1fr 2fr 1.5fr}.database-column{display:flex;justify-content:center;align-items:center;padding:1.5rem}.free-tier-column{padding:1rem}.free-tier-details-column{padding:1rem 1.5rem;text-align:left;justify-content:flex-start}.pricing-scale-column{padding:1rem 1.5rem;text-align:center;justify-content:center}.free-tier-details{color:rgba(255,255,255,.85);font-size:.875rem;line-height:1.4;max-width:100%;word-wrap:break-word;cursor:help}.pricing-scale{color:rgba(255,255,255,.9);font-size:.875rem;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:8px;cursor:help;transition:all .2s ease;text-align:center;white-space:nowrap}.pricing-scale:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.table-headers:has(.database-header){grid-template-columns:2fr 1fr 2fr 1.5fr}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:white}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}.no-data{text-align:center;padding:4rem;color:#9ca3af}@media (min-width:768px){.hero-title{font-size:3.75rem}}@media (max-width:768px){.hero-section{padding:100px 16px 60px;min-height:70vh}.hero-stats{gap:2rem}.stat-number{font-size:2rem}.table-section{padding:60px 16px}.table-container{padding:0 1rem}.table-headers,.table-row{grid-template-columns:1fr;gap:0}.database-row{grid-template-columns:1fr}.database-column{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.database-column,.free-tier-details-column,.pricing-scale-column{justify-content:center;text-align:center}.free-tier-details{text-align:center}.database-header,.launch-header,.platform-header{text-align:center;padding:1rem}.platform-header{background:rgba(255,255,255,.1)}.platform-header,.platform-info{border-bottom:1px solid rgba(255,255,255,.1)}.platform-info{justify-content:center;padding:1rem;background:rgba(255,255,255,.05)}.launch-column{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.launch-column:last-child{border-bottom:none}.section-title{font-size:1.5rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:1.5rem}.launch-icon,.platform-name{font-size:.875rem}.launch-icon{width:28px;height:28px}}