@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-dark:224 25% 4%;--bg-card:224 20% 8%;--bg-card-hover:224 20% 12%;--border-light:224 15% 16% / .4;--border-focus:262 80% 60% / .5;--text-primary:210 40% 98%;--text-secondary:215 15% 75%;--text-muted:215 12% 55%;--color-primary:263 90% 65%;--color-secondary:217 91% 60%;--color-accent:180 100% 45%;--color-success:142 70% 50%;--color-warning:38 92% 50%;--color-danger:350 89% 60%;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-glow:0 0 25px -5px hsla(var(--color-primary), .25);--shadow-glow-cyan:0 0 25px -5px hsla(var(--color-accent), .3)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:hsl(var(--bg-dark));color:hsl(var(--text-primary));font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:hsl(var(--text-primary));font-weight:700;line-height:1.2}.glow-bg{filter:blur(140px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;width:400px;height:400px;position:absolute}.glow-purple{background:hsl(var(--color-primary));top:10%;left:10%}.glow-blue{background:hsl(var(--color-secondary));top:40%;right:10%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}section{padding:8rem 0;position:relative}.text-gradient{background:linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-secondary)) 50%, hsl(var(--color-accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg, hsl(var(--color-accent)) 0%, hsl(var(--color-secondary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-tag{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:hsl(var(--color-accent));border:1px solid hsla(var(--color-accent), .3);background:hsla(var(--color-accent), .05);border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{margin-bottom:1.5rem;font-size:2.75rem}.section-subtitle{color:hsl(var(--text-secondary));max-width:600px;margin-bottom:4rem;font-size:1.15rem}header{z-index:100;border-bottom:1px solid hsla(var(--border-light));-webkit-backdrop-filter:blur(12px);background:hsla(var(--bg-dark), .7);align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}header .container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:hsl(var(--text-primary));align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:hsl(var(--color-accent));width:10px;height:10px;box-shadow:0 0 10px hsl(var(--color-accent));border-radius:50%;animation:2s infinite pulse}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:hsl(var(--text-secondary));transition:var(--transition-smooth);font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:hsl(var(--text-primary));text-shadow:0 0 8px hsla(var(--text-primary), .3)}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-secondary)) 100%);color:#fff;box-shadow:var(--shadow-glow);border:none}.btn-primary:hover{box-shadow:0 0 30px hsla(var(--color-primary), .4);transform:translateY(-2px)}.btn-secondary{color:hsl(var(--text-primary));border:1px solid hsla(var(--text-primary), .2);background:0 0}.btn-secondary:hover{background:hsla(var(--text-primary), .05);border-color:hsla(var(--text-primary), .4);transform:translateY(-2px)}.hero{align-items:center;min-height:100vh;padding-top:12rem;padding-bottom:8rem;display:flex;position:relative}.hero-content{max-width:650px}.hero h1{margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-tagline{font-family:var(--font-heading);color:hsl(var(--color-accent));letter-spacing:.05em;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.hero-desc{color:hsl(var(--text-secondary));margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-ctas{gap:1rem;margin-bottom:4rem;display:flex}.hero-visual{width:100%;margin-top:4rem;position:relative}.comparison-container{background:hsla(var(--bg-card), .6);border:1px solid hsla(var(--border-light));-webkit-backdrop-filter:blur(20px);border-radius:16px;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;display:grid;box-shadow:0 30px 60px -15px #00000080}.comparison-panel{background:hsl(var(--bg-dark));border:1px solid hsla(var(--border-light));border-radius:12px;flex-direction:column;height:380px;display:flex;overflow:hidden}.panel-header{background:hsla(var(--bg-card), .5);border-bottom:1px solid hsla(var(--border-light));justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.panel-badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.badge-red{background:hsla(var(--color-danger), .15);color:hsl(var(--color-danger));border:1px solid hsla(var(--color-danger), .3)}.badge-green{background:hsla(var(--color-success), .15);color:hsl(var(--color-success));border:1px solid hsla(var(--color-success), .3);box-shadow:0 0 10px hsla(var(--color-success), .2)}.panel-body{color:hsl(var(--text-secondary));flex-grow:1;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.8rem;overflow-y:auto}.panel-body pre{white-space:pre-wrap;word-break:break-all}.comparison-stats{border-top:1px solid hsla(var(--border-light));grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.stat-glow{color:hsl(var(--color-accent));text-shadow:0 0 10px hsla(var(--color-accent), .3);font-size:1.1rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background:hsla(var(--bg-card), .4);border:1px solid hsla(var(--border-light));transition:var(--transition-smooth);border-radius:12px;padding:2.5rem}.feature-card:hover{border-color:hsla(var(--color-primary), .4);background:hsla(var(--bg-card-hover), .6);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.feature-icon{background:hsla(var(--color-primary), .1);border:1px solid hsla(var(--color-primary), .3);width:48px;height:48px;color:hsl(var(--color-primary));border-radius:10px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-card:nth-child(2) .feature-icon{background:hsla(var(--color-accent), .1);border-color:hsla(var(--color-accent), .3);color:hsl(var(--color-accent))}.feature-card:nth-child(3) .feature-icon{background:hsla(var(--color-success), .1);border-color:hsla(var(--color-success), .3);color:hsl(var(--color-success))}.feature-card h3{margin-bottom:1rem;font-size:1.35rem}.feature-card p{color:hsl(var(--text-secondary));font-size:.95rem}.showcase-selector{border-bottom:1px solid hsla(var(--border-light));gap:1rem;margin-bottom:3rem;padding-bottom:1rem;display:flex}.tab-btn{font-family:var(--font-heading);color:hsl(var(--text-muted));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.5rem 1rem;font-size:1.1rem;font-weight:600;position:relative}.tab-btn:hover{color:hsl(var(--text-primary))}.tab-btn.active{color:hsl(var(--color-accent))}.tab-btn.active:after{content:"";background:hsl(var(--color-accent));width:100%;height:2px;box-shadow:0 0 10px hsl(var(--color-accent));position:absolute;bottom:-17px;left:0}.showcase-display{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.showcase-card{background:hsla(var(--bg-card), .5);border:1px solid hsla(var(--border-light));border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -10px #0006}.hotel-image-wrapper{height:320px;position:relative;overflow:hidden}.hotel-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.showcase-card:hover .hotel-image-wrapper img{transform:scale(1.05)}.hotel-rating-badge{-webkit-backdrop-filter:blur(8px);border:1px solid hsla(var(--color-warning), .5);font-family:var(--font-heading);color:hsl(var(--color-warning));background:#08090cd9;border-radius:30px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:1.25rem;right:1.25rem}.hotel-info-body{padding:2.5rem}.hotel-meta{color:hsl(var(--color-accent));font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.hotel-name{margin-bottom:1rem;font-size:2.25rem}.hotel-description{color:hsl(var(--text-secondary));margin-bottom:1.5rem;font-size:1rem}.hotel-amenities-list{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.amenity-pill{background:hsla(var(--text-primary), .05);border:1px solid hsla(var(--border-light));color:hsl(var(--text-secondary));border-radius:4px;padding:.25rem .65rem;font-size:.75rem}.hotel-booking-footer{border-top:1px solid hsla(var(--border-light));justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.attribution-label{color:hsl(var(--text-muted));font-size:.8rem}.showcase-agent-view{background:hsl(var(--bg-dark));border:1px solid hsla(var(--border-light));border-radius:16px;flex-direction:column;height:580px;display:flex;overflow:hidden;box-shadow:inset 0 2px 8px #000c}.agent-view-header{background:hsla(var(--bg-card), .8);border-bottom:1px solid hsla(var(--border-light));justify-content:space-between;align-items:center;padding:1rem;display:flex}.agent-view-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--text-muted));align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.agent-view-glow-dot{background:hsl(var(--color-success));width:8px;height:8px;box-shadow:0 0 8px hsl(var(--color-success));border-radius:50%}.agent-view-body{color:hsl(var(--color-success));flex-grow:1;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;overflow-y:auto}.agent-view-body pre{white-space:pre-wrap;word-break:break-all}.api-tabs{background:hsla(var(--bg-card), .5);border:1px solid hsla(var(--border-light));border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -10px #00000080}.api-tabs-header{background:hsla(var(--bg-dark), .5);border-bottom:1px solid hsla(var(--border-light));padding:0 1rem;display:flex}.api-tab-btn{font-family:var(--font-heading);color:hsl(var(--text-muted));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;position:relative}.api-tab-btn:hover{color:hsl(var(--text-primary))}.api-tab-btn.active{color:hsl(var(--color-accent))}.api-tab-btn.active:after{content:"";background:hsl(var(--color-accent));width:100%;height:2px;position:absolute;bottom:-1px;left:0}.api-tab-body{background:hsl(var(--bg-dark));padding:2rem;font-family:Courier New,Courier,monospace;font-size:.9rem;overflow-x:auto}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00f5ffb3}70%{transform:scale(1);box-shadow:0 0 0 8px #00f5ff00}to{transform:scale(.95);box-shadow:0 0 #00f5ff00}}footer{border-top:1px solid hsla(var(--border-light));background:hsla(var(--bg-dark), .9);text-align:center;color:hsl(var(--text-muted));padding:4rem 0;font-size:.9rem}.footer-logo{margin-bottom:1.5rem;font-size:1.25rem;display:inline-flex}.footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;list-style:none;display:flex}.footer-links a{color:hsl(var(--text-muted));transition:var(--transition-smooth);text-decoration:none}.footer-links a:hover{color:hsl(var(--text-primary))}@media (width<=992px){.hero{text-align:center;flex-direction:column;padding-top:10rem}.hero-content{max-width:100%;margin-bottom:4rem}.hero-ctas{justify-content:center}.comparison-container{grid-template-columns:1fr}.showcase-display{grid-template-columns:1fr;gap:2rem}.showcase-agent-view{height:400px}.section-title{font-size:2.25rem}}@media (width<=768px){.nav-links{display:none}.container{padding:0 1.5rem}section{padding:6rem 0}}
