:root{color-scheme:dark}*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,#1d2240 0,#050816 40%,#020617 100%);color:#fff;line-height:1.6;min-height:100vh}*{color:#fff!important}.container,.main-bg{min-height:100vh}.container{width:100%;padding:24px 24px 32px;display:flex;gap:24px;box-sizing:border-box}.sidebar{width:300px;flex-shrink:0}.chat-area{flex:1 1;min-width:0;padding:0}.header{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:24px}.header-row-subtitle,.header-row-title{width:100%;display:flex;justify-content:center}.header-row-controls{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.app-title{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a856f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.mode-indicator{font-size:.85rem;padding:4px 12px;border-radius:999px;background:radial-gradient(circle at top,rgba(79,70,229,.25),rgba(15,23,42,.7));border:1px solid rgba(99,102,241,.6);color:#fff}.api-indicator{font-size:.78rem;padding:7px 12px;background:rgba(15,23,42,.9);border-radius:999px;border:1px solid rgba(51,65,85,.9);color:#fff}.sidebar-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top left,#1e293b,#020617);color:#fff;cursor:pointer}.sidebar-toggle:hover{border-color:rgba(129,140,248,.9);background:radial-gradient(circle at top left,#111827,#020617)}.empty-state{margin-top:12px;color:#fff;font-size:.85rem;background:none;padding:0;border:none}@media (max-width:640px){.header-row-controls{flex-direction:column;align-items:stretch;gap:10px}}body.landing-page{background:#0a0a0a;color:#e4e4e7;overflow-x:hidden}body.landing-page *{color:inherit!important}.bg-grid{top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 0);background-size:50px 50px}.bg-grid,.gradient-orb{position:fixed;pointer-events:none;z-index:0}.gradient-orb{width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15}.orb-1{top:-200px;right:-100px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.orb-2{bottom:-200px;left:-100px;background:linear-gradient(135deg,#ec4899,#8b5cf6)}.landing-container{position:relative;max-width:1200px;margin:0 auto;padding:2rem;z-index:1}.landing-header{text-align:center;padding:6rem 0 3rem}.logo{display:inline-block;font-size:4rem;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:-.05em;text-transform:uppercase}.landing-h1,.logo{margin-bottom:1rem}.landing-h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.1}.hero-subtitle{font-size:1.4rem;color:#a1a1aa;margin-bottom:3rem;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.primary-cta{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1.2rem 3rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s;box-shadow:0 10px 40px rgba(99,102,241,.3);border:1px solid rgba(99,102,241,.5);cursor:pointer;margin-bottom:1rem}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 15px 50px rgba(99,102,241,.5);background:linear-gradient(135deg,#7c3aed,#a855f7)}.hint-text{font-size:.9rem;color:#71717a;margin-top:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:4rem 0}.feature-card{background:rgba(24,24,27,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(63,63,70,.4);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{background:rgba(39,39,42,.6);border-color:rgba(99,102,241,.5);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card h3{color:#e4e4e7;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.feature-card p{color:#a1a1aa;font-size:1rem;line-height:1.6}.example-queries{background:rgba(24,24,27,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(63,63,70,.4);border-radius:24px;padding:3rem;margin:3rem 0}.example-queries h2{text-align:center;color:#e4e4e7;margin-bottom:2rem;font-size:2rem;font-weight:700}.query-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.query-item{background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.25rem;color:#a5b4fc;font-size:.95rem;transition:all .3s;display:flex;align-items:center;gap:.75rem}.query-item:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.4);transform:translateX(4px)}.query-item:before{content:"💬";font-size:1.2rem;flex-shrink:0}.how-it-works{text-align:center;margin:5rem 0}.how-it-works h2{color:#e4e4e7;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto}.step{position:relative}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 10px 30px rgba(99,102,241,.3)}.step h3{color:#e4e4e7;margin-bottom:.5rem;font-size:1.2rem}.step p{color:#a1a1aa;font-size:.95rem}.powered-by{text-align:center;margin:4rem 0 2rem}.powered-by p{color:#71717a;font-size:.9rem;margin-bottom:1rem}.tech-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tech-badge{padding:.5rem 1rem;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#a5b4fc;font-size:.85rem;font-weight:500}.landing-footer{text-align:center;padding:3rem 2rem;color:#52525b;border-top:1px solid rgba(63,63,70,.3);margin-top:4rem;font-size:.9rem}@media (max-width:768px){.landing-h1,.logo{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.landing-header{padding:4rem 0 2rem}.features-grid,.query-list,.steps{grid-template-columns:1fr}.example-queries{padding:2rem}}