:root{--lv-bg:#060a12;--lv-surface:#0e1625;--lv-text:#f2f8ff;--lv-muted:#91a0b6;--lv-line:rgba(157,206,255,.15);--lv-primary:#75d8ff;--lv-secondary:#91f7c2;--lv-container:1240px}
body{background:radial-gradient(circle at 70% 10%,rgba(46,115,170,.18),transparent 28%),#060a12}.ai-shell{position:relative;min-height:100vh;overflow:hidden}.ai-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(117,216,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(117,216,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black 0,transparent 88%);animation:gridDrift 18s linear infinite}@keyframes gridDrift{to{background-position:56px 56px}}
.ai-hero{position:relative;min-height:90vh;display:grid;align-items:center}.ai-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--pointer-x,75%) var(--pointer-y,28%),rgba(117,216,255,.13),transparent 55%)}.ai-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:4rem;align-items:center}.ai-copy h1{font-size:clamp(3.5rem,7vw,7.4rem);line-height:.88;letter-spacing:-.065em;max-width:9ch}.ai-copy .lead{max-width:52ch}.ai-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.status-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border:1px solid var(--lv-line);border-radius:999px;font-size:.78rem;color:var(--lv-muted)}.status-pill::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--lv-secondary);box-shadow:0 0 18px var(--lv-secondary);animation:blink 2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}
.ai-preview{position:relative;padding:1px;border-radius:1.75rem;background:linear-gradient(135deg,rgba(117,216,255,.55),transparent 35%,rgba(145,247,194,.22));box-shadow:0 40px 120px rgba(0,0,0,.4)}.ai-window{min-height:560px;padding:1rem;border-radius:calc(1.75rem - 1px);background:rgba(8,14,25,.92);backdrop-filter:blur(24px)}.window-bar{display:flex;align-items:center;gap:.45rem;padding:.5rem}.window-bar i{width:.55rem;aspect-ratio:1;border-radius:50%;background:#314157}.ai-dashboard{display:grid;grid-template-columns:150px 1fr;gap:1rem;margin-top:1rem}.ai-sidebar,.ai-panel{border:1px solid var(--lv-line);border-radius:1rem;background:rgba(255,255,255,.025)}.ai-sidebar{padding:1rem;display:grid;align-content:start;gap:.65rem}.ai-sidebar span{height:.55rem;border-radius:999px;background:rgba(255,255,255,.12)}.ai-sidebar span:nth-child(2){width:70%}.ai-panel{padding:1.2rem}.ai-chart{height:200px;position:relative;overflow:hidden;border-radius:.75rem;background:linear-gradient(to top,rgba(117,216,255,.08),transparent)}.ai-chart svg{width:100%;height:100%}.ai-chart path{stroke-dasharray:700;stroke-dashoffset:700;animation:drawLine 3s var(--lv-ease) .6s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.ai-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.ai-metric{padding:1rem;border:1px solid var(--lv-line);border-radius:.75rem}.ai-metric strong{display:block;font-size:1.4rem}.ai-metric span{font-size:.72rem;color:var(--lv-muted)}
.ai-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ai-feature{padding:1.4rem;border-top:1px solid var(--lv-line);background:linear-gradient(to bottom,rgba(117,216,255,.04),transparent)}.ai-feature b{display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid var(--lv-line);border-radius:.6rem;color:var(--lv-primary);margin-bottom:2rem}.ai-feature p{color:var(--lv-muted)}.logo-cloud{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.logo-placeholder{min-height:76px;display:grid;place-items:center;border:1px solid var(--lv-line);border-radius:.8rem;color:#718098;font-weight:800;letter-spacing:.08em}
.ai-access{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ai-access .form{padding:1.5rem}.ai-access .input{background:#0a111e}
@media(max-width:920px){.ai-layout,.ai-access{grid-template-columns:1fr}.ai-preview{max-width:760px}.ai-features{grid-template-columns:1fr}.logo-cloud{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.ai-dashboard{grid-template-columns:1fr}.ai-sidebar{display:none}.ai-window{min-height:auto}.ai-metrics{grid-template-columns:1fr}.ai-preview{border-radius:1.1rem}.ai-window{border-radius:calc(1.1rem - 1px)}}