@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,300;1,14..32,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #f9fafb;--s0: #ffffff;--s1: #f3f4f6;--s2: #eaecf0;--s3: #e2e5ea;--b: #e2e5ea;--bhi: #2563eb;--bfocus: rgba(37, 99, 235, .15);--blue: #2563eb;--blue-d: #1d4ed8;--blue-bg: rgba(37, 99, 235, .06);--blue-b: rgba(37, 99, 235, .18);--green: #16a34a;--green-bg: #f0fdf4;--green-b: #bbf7d0;--red: #dc2626;--red-bg: #fef2f2;--red-b: #fecaca;--amber: #b45309;--amber-bg: #fffbeb;--amber-b: #fde68a;--t1: #0a0c10;--t2: #1f2937;--t3: #6b7280;--t4: #9ca3af;--t5: #d1d5db;--f: "Inter", system-ui, sans-serif;--m: "JetBrains Mono", ui-monospace, monospace;--r1: 6px;--r2: 10px;--r3: 14px;--r4: 20px;--sw: 240px;--e: .12s ease;--sh0: 0 1px 2px rgba(0, 0, 0, .04);--sh1: 0 1px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--sh2: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--f);color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app-root{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.app-root.app-enter{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:scale(.993)}to{opacity:1;transform:scale(1)}}.main-content{flex:1;overflow-y:auto;padding:2.25rem 2.75rem;min-width:0}@media(max-width:900px){.main-content{padding:1.5rem}}@media(max-width:600px){.main-content{padding:1rem}}.sidebar{width:var(--sw);min-width:var(--sw);background:var(--s0);border-right:1px solid var(--b);display:flex;flex-direction:column;box-shadow:var(--sh1);transition:transform .25s ease;z-index:50}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-root{position:relative}}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:1.35rem 1.35rem 1.1rem;border-bottom:1px solid var(--b)}.logo-icon{color:var(--blue);flex-shrink:0}.logo-text{font-size:15px;font-weight:600;letter-spacing:-.3px;color:var(--t1)}.logo-accent{color:var(--blue)}.sidebar-nav{display:flex;flex-direction:column;gap:1px;padding:.65rem .6rem;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:.6rem .8rem;border-radius:var(--r2);background:none;border:none;color:var(--t3);font-size:13.5px;font-family:var(--f);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background var(--e),color var(--e)}.nav-item:hover{background:var(--s1);color:var(--t1)}.nav-item.active{background:var(--blue-bg);color:var(--blue);font-weight:600}.nav-item.active svg{color:var(--blue)}.sidebar-section-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t4);padding:.85rem .85rem .35rem}.sidebar-footer{padding:.85rem 1.35rem;border-top:1px solid var(--b);display:flex;align-items:center;justify-content:space-between}.version-tag{font-size:11px;color:var(--t4);font-family:var(--m)}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:60;background:var(--s0);border:1px solid var(--b);border-radius:var(--r2);width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh1)}@media(max-width:768px){.mobile-menu-btn{display:flex}}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.mobile-overlay.visible{display:block}}.panel-header{margin-bottom:1.75rem}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.35rem}.panel-title{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;letter-spacing:-.5px;color:var(--t1)}.title-icon{color:var(--blue)}.panel-subtitle{color:var(--t3);font-size:13.5px;line-height:1.5}.upload-schema-btn{display:inline-flex;align-items:center;gap:6px;padding:.38rem .9rem;background:var(--s0);border:1px solid var(--b);border-radius:var(--r2);font-size:12.5px;font-weight:500;font-family:var(--f);color:var(--t2);cursor:pointer;transition:all var(--e);white-space:nowrap;box-shadow:var(--sh0)}.upload-schema-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.schema-upload-badge{display:flex;align-items:center;gap:8px;padding:.55rem .95rem;margin-bottom:.9rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--r2);font-size:12.5px;color:#1d4ed8}.schema-upload-name{font-weight:600;font-family:var(--m)}.schema-upload-hint{color:#60a5fa;flex:1;font-size:12px}.schema-upload-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#93c5fd;padding:2px;border-radius:3px;transition:color var(--e)}.schema-upload-remove:hover{color:#1d4ed8}.drop-zone{display:flex;flex-direction:column;align-items:center;gap:5px;padding:.85rem 1rem;margin-bottom:.9rem;background:var(--s0);border:1.5px dashed var(--b);border-radius:var(--r3);cursor:pointer;text-align:center;transition:all var(--e);color:var(--t3);font-size:13px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--blue);background:var(--blue-bg);color:var(--t1)}.drop-zone-icon{color:var(--t4);transition:color var(--e)}.drop-zone:hover .drop-zone-icon,.drop-zone.drag-over .drop-zone-icon{color:var(--blue)}.drop-zone-link{color:var(--blue);font-weight:500}.drop-zone-hint{font-size:11.5px;color:var(--t4)}.input-section{margin-bottom:1.5rem}.input-wrapper{border:1.5px solid var(--b);border-radius:var(--r3);background:var(--s0);box-shadow:var(--sh1);transition:border-color var(--e),box-shadow var(--e)}.input-wrapper:focus-within{border-color:var(--bhi);box-shadow:0 0 0 3px var(--bfocus)}.input-wrapper.loading{opacity:.65;pointer-events:none}.query-input{width:100%;background:transparent;border:none;outline:none;color:var(--t1);font-family:var(--f);font-size:14.5px;line-height:1.65;padding:1.1rem 1.25rem;resize:none;min-height:90px}.query-input::placeholder{color:var(--t4)}.input-actions{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;border-top:1px solid var(--b);background:var(--s1);border-radius:0 0 var(--r3) var(--r3);gap:1rem}.input-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-checkbox{accent-color:var(--blue);width:13px;height:13px}.toggle-text{font-size:12px;color:var(--t3);font-weight:500}.shortcut-hint{font-size:11px;color:var(--t4);font-family:var(--m)}.input-buttons{display:flex;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--r1);cursor:pointer;font-family:var(--f);font-size:13px;font-weight:500;padding:.44rem .9rem;transition:all var(--e);white-space:nowrap;line-height:1}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 3px #2563eb40}.btn-primary:hover:not(:disabled){background:var(--blue-d)}.btn-primary.btn-loading{opacity:.75}.btn-ghost{background:transparent;color:var(--t3);border:1px solid var(--b)}.btn-ghost:hover:not(:disabled){background:var(--s1);color:var(--t1);border-color:var(--s3)}.btn-danger:hover{color:var(--red)!important;border-color:var(--red)!important}.btn-sm{padding:.3rem .55rem;font-size:11.5px}.spinner{display:inline-block;width:13px;height:13px;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.25rem;background:var(--s0);border:1px solid var(--b);border-radius:var(--r2);box-shadow:var(--sh1);margin-bottom:1rem}.loading-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t4)}.step-dot{width:6px;height:6px;border-radius:50%;background:var(--s3);flex-shrink:0}.step-dot.active{background:var(--blue);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.results-section{display:flex;flex-direction:column;gap:.9rem}.result-card{border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;background:var(--s0);box-shadow:var(--sh1)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--s1);border-bottom:1px solid var(--b);cursor:pointer;-webkit-user-select:none;user-select:none}.card-header:hover{background:var(--s2)}.card-header-left{display:flex;align-items:center;gap:8px}.card-header-right{display:flex;align-items:center;gap:5px;color:var(--t4)}.card-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t3)}.result-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:99px;background:var(--s2);color:var(--t3);border:1px solid var(--b)}.badge-warn{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-b)}.badge-muted{color:var(--t4)}.correction-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-b);padding:4px 12px;border-radius:99px;width:fit-content}.explanation-card{display:flex;align-items:flex-start;gap:10px;padding:.85rem 1rem;background:var(--green-bg);border:1px solid var(--green-b);border-radius:var(--r2)}.explain-icon{color:var(--green);flex-shrink:0;margin-top:2px}.explanation-text{color:var(--t2);font-size:13.5px;line-height:1.65}.error-card{display:flex;align-items:flex-start;gap:12px;padding:.9rem 1.1rem;background:var(--red-bg);border:1px solid var(--red-b);border-radius:var(--r2);margin-bottom:1rem}.error-icon{color:var(--red);flex-shrink:0;margin-top:1px}.error-title{font-weight:600;font-size:13.5px;margin-bottom:3px;color:var(--red)}.error-msg{color:var(--t3);font-size:13px;line-height:1.5}.sql-preview{overflow:hidden}.table-scroll{overflow-x:auto;max-height:380px;overflow-y:auto}.result-table{width:100%;border-collapse:collapse;font-size:12.5px;font-family:var(--m)}.result-table thead{position:sticky;top:0;z-index:1}.result-table th{padding:.48rem .85rem;text-align:left;background:var(--s1);color:var(--t3);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--b);white-space:nowrap}.result-table td{padding:.44rem .85rem;border-bottom:1px solid var(--b);color:var(--t1);white-space:nowrap;max-width:200px}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover td{background:var(--blue-bg)}.cell-value{display:block;overflow:hidden;text-overflow:ellipsis}.empty-result{padding:2.5rem;text-align:center;color:var(--t4);font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem;border-top:1px solid var(--b);background:var(--s1)}.page-info{font-size:12px;color:var(--t3)}.examples-section{margin-top:1.25rem}.examples-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t4);margin-bottom:.65rem}.examples-grid{display:flex;flex-wrap:wrap;gap:7px}.example-chip{padding:.38rem .9rem;background:var(--s0);border:1px solid var(--b);border-radius:99px;color:var(--t2);font-size:12.5px;cursor:pointer;transition:all var(--e);font-family:var(--f);box-shadow:var(--sh0)}.example-chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.history-list{display:flex;flex-direction:column;gap:5px}.history-item{border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;background:var(--s0);box-shadow:var(--sh1);transition:box-shadow var(--e)}.history-item:hover{box-shadow:var(--sh2)}.history-item.expanded{border-color:var(--bhi)}.history-item.status-error{border-left:3px solid var(--red)}.history-item-header{display:flex;align-items:center;justify-content:space-between;padding:.72rem 1rem;cursor:pointer;gap:1rem}.history-item-header:hover{background:var(--s1)}.history-item-left{display:flex;align-items:flex-start;gap:9px;color:var(--t4);flex:1;min-width:0}.history-question{font-size:13.5px;color:var(--t1);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--t4);margin-top:2px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.success{background:var(--green)}.status-dot.error{background:var(--red)}.history-item-actions{display:flex;gap:5px;flex-shrink:0}.history-item-body{border-top:1px solid var(--b);background:var(--s1)}.history-explanation{padding:.7rem 1rem;font-size:13px;color:var(--t2);line-height:1.55;border-top:1px solid var(--b)}.history-error{padding:.7rem 1rem;font-size:12.5px;color:var(--red);border-top:1px solid var(--b);font-family:var(--m)}.schema-list{display:flex;flex-direction:column;gap:7px}.schema-table-card{border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;background:var(--s0);box-shadow:var(--sh1)}.schema-table-card:hover{box-shadow:var(--sh2)}.schema-table-card.open{border-color:var(--bhi)}.schema-table-header{display:flex;align-items:center;justify-content:space-between;padding:.72rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.schema-table-header:hover{background:var(--s1)}.schema-table-left{display:flex;align-items:center;gap:10px;color:var(--t4)}.table-name{font-weight:600;font-family:var(--m);font-size:13px;color:var(--t1)}.col-count{font-size:11px;color:var(--t4)}.fk-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-b);padding:2px 8px;border-radius:99px}.schema-table-body{border-top:1px solid var(--b)}.schema-col-table{width:100%;border-collapse:collapse;font-size:12.5px}.schema-col-table th{padding:.44rem 1rem;text-align:left;font-size:10.5px;font-weight:600;color:var(--t4);text-transform:uppercase;letter-spacing:.06em;background:var(--s1);border-bottom:1px solid var(--b)}.schema-col-table td{padding:.44rem 1rem;border-bottom:1px solid var(--b);color:var(--t1)}.schema-col-table tr:last-child td{border-bottom:none}.col-name{display:flex;align-items:center;gap:6px;font-family:var(--m)}.pk-icon{color:var(--amber);flex-shrink:0}.col-type{font-family:var(--m);font-size:11px;background:var(--blue-bg);padding:1px 6px;border-radius:4px;color:var(--blue);border:1px solid var(--blue-b)}.nullable-yes{color:var(--t4);font-size:11px}.nullable-no{color:var(--green);font-size:11px;font-weight:500}.fk-list{padding:.7rem 1rem;border-top:1px solid var(--b);background:var(--s1)}.fk-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--t4);margin-bottom:.45rem}.fk-row{display:flex;align-items:center;gap:8px;font-family:var(--m);font-size:12px;color:var(--t2);margin-bottom:4px}.fk-arrow{color:var(--blue)}.skeleton-list{display:flex;flex-direction:column;gap:7px}.skeleton-row{height:52px;background:var(--s1);border:1px solid var(--b);border-radius:var(--r2);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.85}50%{opacity:.5}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--t4)}.empty-icon{margin:0 auto 1rem;opacity:.2;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--t5);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--t4)}.lp{font-family:var(--f);background:#f5f9ff;color:#0d1520;overflow-x:hidden;opacity:0;transition:opacity .5s ease}.lp.lp-in{opacity:1}.lp.lp-out{opacity:0;transform:scale(.985);transition:opacity .46s ease,transform .46s ease}[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.4,1),transform .7s cubic-bezier(.2,.8,.4,1)}[data-rv].rv{opacity:1;transform:translateY(0)}[data-rv]:nth-child(2){transition-delay:.08s}[data-rv]:nth-child(3){transition-delay:.16s}[data-rv]:nth-child(4){transition-delay:.24s}[data-rv]:nth-child(5){transition-delay:.32s}[data-rv]:nth-child(6){transition-delay:.4s}.lp-container{max-width:1160px;margin:0 auto;padding:0 2rem}@media(max-width:640px){.lp-container{padding:0 1.25rem}}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:300;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:#f5f9ffe0;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(74,158,226,.12)}@media(max-width:640px){.lp-nav{padding:0 1.25rem}}.lp-nav-left{display:flex;align-items:center;gap:10px}.lp-logomark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#2e7dd1,#1b5fa8);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #2e7dd159}.lp-logotype{font-size:15px;font-weight:700;color:#0d1520;letter-spacing:-.3px}.lp-nav-center{display:flex;gap:2rem}@media(max-width:768px){.lp-nav-center{display:none}}.lp-nav-center a{font-size:13.5px;color:#5a7090;font-weight:500;text-decoration:none;transition:color .13s}.lp-nav-center a:hover{color:#0d1520}.lp-nav-cta{display:inline-flex;align-items:center;gap:7px;background:#0d1520;color:#fff;border:none;border-radius:8px;padding:.46rem 1.15rem;font-size:13px;font-weight:700;font-family:var(--f);cursor:pointer;transition:background .13s,transform .13s,box-shadow .13s}.lp-nav-cta:hover{background:#2e7dd1;transform:translateY(-1px);box-shadow:0 4px 14px #2e7dd159}.lp-hero{position:relative;width:100%;height:100vh;min-height:680px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:60px}.lp-hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/fella.png) center 45% / cover no-repeat;transform-origin:center center;animation:hero-kenburns 22s ease-in-out infinite alternate;will-change:transform}@keyframes hero-kenburns{0%{transform:scale(1) translateY(0)}to{transform:scale(1.07) translateY(-18px)}}.lp-hero-veil-top{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#ffffff1f,#fff0 18%,#0000 48%,#050c1c9e 72%,#050c1cf5)}.lp-hero-veil-bottom{display:none}.lp-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 45% 100% at 0% 50%,rgba(5,12,28,.25) 0%,transparent 100%),radial-gradient(ellipse 45% 100% at 100% 50%,rgba(5,12,28,.25) 0%,transparent 100%)}.lp-hero-body{position:relative;z-index:10;width:100%;max-width:1160px;padding:2.5rem 2rem 0;display:flex;flex-direction:column;align-items:flex-start}@media(max-width:640px){.lp-hero-body{padding:2rem 1.25rem 0}}.lp-hero-kicker{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:5px 16px;font-size:12px;font-weight:600;color:#ffffffe6;margin-bottom:1.25rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lp-up .65s ease .05s both;text-shadow:0 1px 3px rgba(0,0,0,.2)}.lp-kicker-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80e6;animation:lp-glow 2s ease-in-out infinite}@keyframes lp-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}.lp-hero-h1{font-size:clamp(52px,7vw,88px);font-weight:800;letter-spacing:-4px;line-height:1.01;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.12);margin-bottom:1.1rem;animation:lp-up .65s ease .12s both}.lp-hero-sub{font-size:17px;color:#ffffffd1;line-height:1.72;max-width:500px;margin-bottom:2rem;text-shadow:0 1px 8px rgba(0,0,0,.2);animation:lp-up .65s ease .2s both}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:1.75rem;animation:lp-up .65s ease .28s both}.lp-cta-main{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0d1520;border:none;border-radius:10px;padding:.8rem 1.8rem;font-size:15px;font-weight:700;font-family:var(--f);cursor:pointer;box-shadow:0 4px 24px #00000038;transition:background .14s,color .14s,transform .14s,box-shadow .14s}.lp-cta-main:hover{background:#2e7dd1;color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #2e7dd180}.lp-cta-ghost{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;color:#ffffffe6;border:1.5px solid rgba(255,255,255,.35);border-radius:10px;padding:.8rem 1.5rem;font-size:15px;font-family:var(--f);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .14s,border-color .14s,transform .14s}.lp-cta-ghost:hover{background:#ffffff3d;border-color:#fff9;transform:translateY(-1px)}.lp-hero-meta{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:12.5px;color:#ffffffa6;font-weight:500;animation:lp-up .65s ease .36s both}.lp-hero-meta span{display:inline-flex;align-items:center;gap:5px}.lp-hero-meta svg{color:#ffffffbf}.lp-hero-pipeline{position:absolute;bottom:3.5rem;right:2.5rem;z-index:20;width:400px;animation:lp-up .8s cubic-bezier(.2,.8,.4,1) .5s both}@media(max-width:1100px){.lp-hero-pipeline{right:1.5rem;width:360px}}@media(max-width:900px){.lp-hero-pipeline{display:none}}.lp-pipeline-frame{background:#0d1520e0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lp-pipeline-header{display:flex;align-items:center;gap:7px;padding:.6rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.lpd{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lpd.r{background:#ff5f57}.lpd.y{background:#ffbd2e}.lpd.g{background:#28c840}.lp-pipeline-title{font-size:11px;color:#3a5070;font-family:var(--m);margin-left:4px;flex:1}.lp-pipeline-status{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#10b981;font-family:var(--m)}.lp-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:lp-glow 1.5s ease-in-out infinite}.pipeline{display:flex;flex-direction:column;padding:1.1rem 1.25rem;gap:0}.pipeline-step{display:flex;gap:12px;align-items:flex-start;position:relative;padding-bottom:.85rem}.pipeline-step:last-child{padding-bottom:0}.pipeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:3px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);transition:background .3s}.pipeline-active .pipeline-dot{box-shadow:0 0 8px currentColor}.pipeline-line{position:absolute;left:4px;top:14px;width:2px;height:calc(100% - 4px);background:#ffffff12;border-radius:1px}.pipeline-line-fill{width:100%;border-radius:1px;transition:height .1s linear}.pipeline-content{flex:1}.pipeline-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#8aaac8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.pipeline-active .pipeline-label{color:#e0eeff}.pipeline-text{font-size:11.5px;color:#c0d4e8;font-family:var(--m);transition:opacity .3s;line-height:1.5}.lp-scroll-cue{position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%);z-index:20;width:38px;height:38px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lp-bob 2.5s ease-in-out infinite,lp-up .6s ease .9s both;transition:background .14s,border-color .14s}.lp-scroll-cue:hover{background:#ffffff4d;border-color:#fff9}@keyframes lp-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.lp-sec-tag{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#2e7dd1;margin-bottom:.85rem}.lp-sec-h2{font-size:clamp(28px,3.8vw,46px);font-weight:800;letter-spacing:-2px;line-height:1.08;color:#0d1520;margin-bottom:3.5rem}.lp-h2-dim{color:#8aa0b8;font-weight:300;font-style:italic}.lp-demo-sec{background:#eff6ff;padding:8rem 2rem;border-top:1px solid rgba(46,125,209,.1)}@media(max-width:640px){.lp-demo-sec{padding:5rem 1.25rem}}.lp-demo-stage{position:relative;max-width:920px}.lp-demo-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:28px;background:radial-gradient(ellipse 65% 55% at 50% 50%,rgba(46,125,209,.18) 0%,transparent 70%);filter:blur(24px);pointer-events:none;z-index:0}.lp-demo-chrome{position:relative;z-index:1;background:#13151f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 32px 80px #0000002e,0 0 0 1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.lp-demo-chrome:hover{transform:translateY(-5px);box-shadow:0 44px 100px #0000003d}.lp-chrome-bar{display:flex;align-items:center;gap:7px;padding:.65rem 1rem;background:#1c1f2a;border-bottom:1px solid rgba(255,255,255,.07)}.lp-chrome-title{font-size:11.5px;color:#3a4a5e;font-family:var(--m);margin-left:6px}.lp-demo-video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#0a0c14}.lp-how-sec{background:#fff;padding:8rem 2rem;border-top:1px solid #eef2f8}@media(max-width:640px){.lp-how-sec{padding:5rem 1.25rem}}.lp-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:900px){.lp-how-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.lp-how-grid{grid-template-columns:1fr}}.lp-how-card{padding:1.75rem;border:1px solid #e8eff8;border-radius:14px;background:#f5f9ff;transition:box-shadow .2s,border-color .2s,transform .2s;cursor:default}.lp-how-card:hover{box-shadow:0 8px 28px #2e7dd11a;border-color:#2e7dd14d;transform:translateY(-3px)}.lp-how-n{display:block;font-size:11px;font-weight:800;font-family:var(--m);color:#b0c8e0;letter-spacing:.06em;margin-bottom:1rem}.lp-how-title{font-size:14.5px;font-weight:700;color:#0d1520;margin-bottom:.5rem;letter-spacing:-.2px;line-height:1.3}.lp-how-body{font-size:13px;color:#5a7090;line-height:1.68}.lp-feat-sec{background:#f5f9ff;padding:8rem 2rem;border-top:1px solid rgba(46,125,209,.08)}@media(max-width:640px){.lp-feat-sec{padding:5rem 1.25rem}}.lp-feat-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid #e8eff8}.lp-feat-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.lp-feat-row-rev{direction:rtl}.lp-feat-row-rev>*{direction:ltr}@media(max-width:768px){.lp-feat-row,.lp-feat-row-rev{grid-template-columns:1fr;direction:ltr;gap:2.5rem}}.lp-feat-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2e7dd1;background:#eff6ff;border:1px solid rgba(46,125,209,.2);border-radius:6px;padding:4px 12px;margin-bottom:1rem}.lp-feat-h3{font-size:clamp(22px,2.8vw,32px);font-weight:800;letter-spacing:-1px;line-height:1.2;color:#0d1520;margin-bottom:.9rem}.lp-feat-p{font-size:15px;color:#4a6070;line-height:1.72;margin-bottom:1.25rem}.lp-feat-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.lp-feat-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#2a3a50;font-weight:500}.lp-feat-check{color:#10b981;flex-shrink:0;margin-top:1px}.lp-feat-demo-wrap{background:#0d1520;border-radius:14px;padding:1.5rem;border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 40px #0000002e}.val-demo{display:flex;flex-direction:column;gap:1rem}.val-sql{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem .9rem}.val-sql-prompt{color:#4f8ef7;font-family:var(--m);font-size:14px;font-weight:700}.val-sql-code{font-family:var(--m);font-size:12px;color:#ef4444}.val-checks{display:flex;flex-direction:column;gap:.35rem}.val-check{display:flex;align-items:center;gap:9px;opacity:0;transform:translate(-8px);transition:opacity .25s,transform .25s}.val-check-in{opacity:1;transform:translate(0)}.val-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.val-pass{background:#10b98126;color:#10b981}.val-blocked{background:#ef444426;color:#ef4444}.val-label{font-size:12.5px;color:#8aaac8;font-family:var(--m);flex:1}.val-label-blocked{color:#ef4444;font-weight:600}.val-badge{font-size:10px;font-weight:800;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:1px 7px;letter-spacing:.05em}.repair-demo{position:relative;min-height:90px}.repair-phase{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;pointer-events:none;display:flex;flex-direction:column;gap:.65rem}.repair-show{opacity:1;transform:translateY(0);pointer-events:auto}.repair-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;font-family:var(--m)}.repair-err{color:#ef4444}.repair-thinking{color:#f59e0b}.repair-ok{color:#10b981}.repair-code{display:block;font-family:var(--m);font-size:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:.65rem .9rem;color:#c0d4e8;line-height:1.55}.repair-typing{animation:lp-type-cursor 1s step-end infinite}.repair-success{color:#10b981}@keyframes lp-type-cursor{0%,to{border-right:2px solid #f59e0b}50%{border-right:2px solid transparent}}.lp-sec-sec{background:#fff;padding:8rem 2rem;border-top:1px solid #eef2f8}@media(max-width:640px){.lp-sec-sec{padding:5rem 1.25rem}}.lp-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.lp-security-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.lp-security-grid{grid-template-columns:1fr}}.lp-sec-card{padding:1.75rem;border:1px solid #e8eff8;border-radius:14px;background:#f5f9ff;transition:box-shadow .2s,border-color .2s,transform .2s;cursor:default}.lp-sec-card:hover{box-shadow:0 8px 28px #2e7dd11a;border-color:#2e7dd14d;transform:translateY(-3px)}.lp-sec-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;border:1px solid rgba(46,125,209,.2);display:flex;align-items:center;justify-content:center;color:#2e7dd1;margin-bottom:.9rem;transition:transform .2s,background .2s}.lp-sec-card:hover .lp-sec-icon{transform:scale(1.1);background:#daeefa}.lp-sec-title{font-size:14.5px;font-weight:700;color:#0d1520;margin-bottom:.4rem;letter-spacing:-.2px}.lp-sec-body{font-size:13px;color:#5a7090;line-height:1.65}.lp-arch-sec{background:#eff6ff;padding:8rem 2rem;border-top:1px solid rgba(46,125,209,.1)}@media(max-width:640px){.lp-arch-sec{padding:5rem 1.25rem}}.lp-arch-wrap{margin-bottom:3.5rem}.arch-flow{display:flex;align-items:center;flex-wrap:wrap;gap:0}@media(max-width:768px){.arch-flow{flex-direction:column;align-items:flex-start}}.arch-node{display:flex;align-items:center;gap:10px;position:relative;padding:.85rem 1.1rem;border-radius:12px;border:1px solid #d4e4f4;background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s;flex-shrink:0}.arch-lit{border-color:#2e7dd180;box-shadow:0 0 0 3px #2e7dd11f;transform:translateY(-2px)}.arch-node-icon{color:#2e7dd1;flex-shrink:0}.arch-lit .arch-node-icon{color:#1b5fa8}.arch-node-text{display:flex;flex-direction:column}.arch-node-label{font-size:12.5px;font-weight:700;color:#0d1520;white-space:nowrap}.arch-node-sub{font-size:10.5px;color:#8aa0b8;font-family:var(--m);white-space:nowrap}.arch-connector{flex:1;min-width:24px;max-width:48px;height:2px;background:#d4e4f4;position:relative}.arch-connector-fill{position:absolute;left:0;top:0;height:100%;background:#2e7dd1;border-radius:1px;transition:width .4s ease}@media(max-width:768px){.arch-connector{width:2px;height:24px;min-width:unset;max-width:unset;margin:0 0 0 1.7rem}}.lp-stack-row{display:flex;flex-wrap:wrap;gap:8px}.lp-stack-pill{padding:.38rem .9rem;background:#fff;border:1px solid #d4e4f4;border-radius:99px;font-size:12.5px;font-weight:600;color:#2e6090;font-family:var(--m);transition:border-color .15s,background .15s,transform .15s}.lp-stack-pill:hover{border-color:#2e7dd1;background:#eff6ff;transform:translateY(-1px)}.lp-end{position:relative;padding:10rem 2rem;overflow:hidden;background:#0d1520}@media(max-width:640px){.lp-end{padding:6rem 1.25rem}}.lp-end-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(46,125,209,.22) 0%,transparent 65%);pointer-events:none}.lp-end-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:640px;margin:0 auto}.lp-end-h2{font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-2.5px;line-height:1.06;color:#fff}.lp-end-h2 em{font-style:italic;font-weight:300;color:#7eb8f0}.lp-end-sub{font-size:17px;color:#3a5070;line-height:1.65}.lp-end-cta{font-size:15.5px;padding:.85rem 2.2rem}.lp-footer{background:#07090e;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:640px){.lp-footer{flex-direction:column;gap:.5rem;padding:1.25rem}}.lp-footer-brand{font-size:13px;font-weight:700;color:#ffffff38;letter-spacing:-.2px}.lp-footer-copy{font-size:11.5px;color:#ffffff1a;font-family:var(--m)}@keyframes lp-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}