.home-footer{background:var(--footer-bg);color:var(--text-muted);padding:3rem 0 2rem;transition:background .35s ease,color .35s ease}.footer-content{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;flex-wrap:wrap}.footer-links{display:flex;gap:3rem;flex-wrap:wrap}.footer-title{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--text-muted)}.footer-links a{display:block;margin-bottom:.4rem;color:var(--text-primary)}.footer-muted{margin:.5rem 0 0;color:var(--text-muted)}.footer-meta{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--divider);padding-top:1.5rem;color:var(--text-muted)}.footer-meta-links{display:flex;gap:1rem}@media(max-width:768px){.footer-links{flex-direction:column;gap:1.5rem}}.genesis-page{background:radial-gradient(circle at 30% 20%,rgba(13,201,210,.2),transparent 45%),radial-gradient(circle at 70% 40%,rgba(144,0,255,.25),transparent 55%),var(--bg-root);padding:4rem 0 5rem;color:var(--text-primary)}.genesis-content{display:flex;flex-direction:column;gap:2.5rem;text-align:center}.text-block{background:#050d1eb3;border-radius:28px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 25px 50px #00000059}.text-block h1,.text-block h2{margin:.75rem 0;font-size:clamp(2.2rem,5vw,3rem)}.text-block p{margin:0;line-height:1.7;color:var(--text-muted)}.linkish{color:#65f6ff}.timeline{padding:clamp(1.5rem,4vw,2.5rem);border-radius:32px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline h2{margin-top:0}.timeline-items{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.timeline-item{display:flex;align-items:flex-start;gap:1rem;text-align:left}.timeline-node{width:36px;height:36px;border-radius:50%;border:2px solid rgba(100,255,247,.4);background:radial-gradient(circle,rgba(12,224,199,.6),transparent);flex-shrink:0}.timeline-item h3{margin:0}.timeline-item p{margin:.25rem 0 0;color:var(--text-muted)}.commitment p{max-width:700px;margin:0 auto}.audio-pill{margin:0 auto;padding:1rem 1.5rem;border-radius:999px;background:#050d1ed9;display:flex;align-items:center;gap:1rem;width:fit-content;color:var(--text-primary)}.pill-indicator{width:12px;height:12px;border-radius:50%;background:#13e3c2;box-shadow:0 0 10px #13e3c2}.audio-controls{display:flex;gap:.5rem}.audio-controls button{border:none;background:#ffffff14;color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer}@media(max-width:640px){.text-block,.timeline{text-align:left}.audio-pill{flex-direction:column;border-radius:24px}}[data-theme=light] .text-block,[data-theme=light] .timeline{background:#fffffff2;box-shadow:0 15px 30px #0b224e1f}[data-theme=light] .audio-pill{background:#ffffffeb;color:#071735}.home-page{background:radial-gradient(circle at 15% 10%,rgba(12,224,199,.12),transparent 40%),radial-gradient(circle at 80% 5%,rgba(0,180,255,.18),transparent 45%),var(--bg-root);color:var(--text-primary);padding-bottom:4rem}.home-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:600;color:inherit}.logo-mark{width:32px;height:32px;background:radial-gradient(circle at 30% 30%,#37ffd8,#018975);border-radius:10px 10px 4px 4px;box-shadow:0 10px 30px #0ce0c773}.home-links{display:flex;align-items:center;gap:1.75rem;font-weight:500;color:var(--text-muted)}.home-links a{color:inherit;opacity:.8}.home-nav-actions{display:flex;align-items:center;gap:.75rem}.hero-section{padding:3rem 0 5rem}.hero-card{background:radial-gradient(circle at top,rgba(10,187,255,.35),transparent 45%),linear-gradient(140deg,#072250f2,#030c20f2);text-align:center;padding:4rem clamp(1.5rem,4vw,5rem);border-radius:32px;border:1px solid rgba(255,255,255,.09)}.hero-kicker{letter-spacing:.2em;text-transform:uppercase;color:#e6f1ffb3;font-size:.75rem;margin-bottom:1rem}.hero-card h1{font-size:clamp(2.5rem,5vw,3.5rem);margin:0;color:#fff}.hero-text{margin:1.2rem auto 2.5rem;max-width:620px;color:var(--text-muted);font-size:1.1rem;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-logos{margin-top:3rem;text-align:left;color:var(--text-muted)}.logo-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;margin-top:1rem}.logo-block{padding:.75rem;border-radius:16px;background:#ffffff0d;text-align:center;font-weight:600;color:#ffffffb3}.section{padding:4rem 0;color:var(--text-primary)}.section-heading{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.section-heading h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--text-primary)}.section-heading.centered{text-align:center;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.info-card{background:var(--surface-card);border-radius:20px;padding:1.75rem;box-shadow:0 10px 40px var(--shadow-soft);display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--card-border)}.info-card h3{margin:.2rem 0}.info-card p{margin:0;color:var(--text-muted)}.icon-dot{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0ce0c7,#00b4ff);opacity:.8}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.product-card{background:var(--surface-card);border-radius:24px;padding:1.75rem;display:flex;gap:1rem;border:1px solid var(--card-border);box-shadow:0 15px 40px var(--shadow-soft)}.product-card h3{margin:0}.product-card p{margin:.5rem 0 0;color:var(--text-muted)}.icon-ring{width:42px;height:42px;border-radius:50%;border:2px solid rgba(4,55,143,.2);background:radial-gradient(circle,rgba(12,224,199,.4),transparent)}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.use-case-card{background:var(--surface-card);padding:1.5rem;border-radius:20px;border:1px solid var(--card-border);box-shadow:0 10px 35px var(--shadow-soft)}.use-case-card h3{margin:.5rem 0}.use-case-card p{margin:0;color:var(--text-muted)}.cta-section{padding:4rem 0 0}.cta-card{background:linear-gradient(120deg,#041834,#020b19);padding:clamp(2rem,5vw,3.5rem);border-radius:32px;text-align:center;color:#fff}.cta-card h2{margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.6rem)}.cta-card p{margin:0 0 2rem;color:#e6f1ffd9}@media(max-width:1024px){.home-links{display:none}}@media(max-width:768px){.home-nav{flex-direction:column;align-items:flex-start}.home-nav-actions{width:100%}.hero-card{padding:3rem 1.5rem}}.input-wrapper{position:relative;display:flex;align-items:center;margin:0 auto;padding:8px 10px 8px 24px!important;width:75%!important;max-width:850px;background:#ffffff08!important;backdrop-filter:blur(15px) saturate(160%);-webkit-backdrop-filter:blur(15px) saturate(160%);border:1px solid rgba(255,255,255,.1)!important;border-radius:100px!important;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px -5px #0006}.input-wrapper:before{content:"";position:absolute;inset:-1px;border-radius:100px;padding:1px;background:linear-gradient(90deg,transparent,rgba(12,224,199,.4),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.input-wrapper:focus-within{transform:translateY(-2px);background:#ffffff0f!important;border-color:#0ce0c799!important;box-shadow:0 20px 40px -10px #0009,0 0 20px #0ce0c726}.icon-btn{background:transparent!important;border:none!important;color:#fff6!important;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:.3s}.icon-btn:hover{color:#0ce0c7!important;transform:scale(1.1)}.input-wrapper input{flex:1;background:transparent!important;border:none!important;outline:none!important;color:#fff!important;font-size:1.1rem!important;font-weight:300;letter-spacing:.02em;padding:10px 0!important}.input-wrapper input::placeholder{color:#fff3;transition:.3s}.input-wrapper input:focus::placeholder{opacity:.5;transform:translate(10px)}.send-btn{background:linear-gradient(135deg,#0ce0c7,#00b4ff)!important;color:#041834!important;border:none!important;width:44px;height:44px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0ce0c733}.send-btn:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px #0ce0c766}.send-btn:active{transform:scale(.9)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.ai-info-section{padding:80px 0;background:transparent;color:#fff}.section-header{text-align:center;margin-bottom:50px}.section-header .badge{background:#0ce0c71a;color:#0ce0c7;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:700;text-transform:uppercase;border:1px solid rgba(12,224,199,.2)}.section-header h2{font-size:2.8rem;margin:15px 0;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,200px);gap:20px}.bento-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px;position:relative;overflow:hidden;transition:.4s cubic-bezier(.4,0,.2,1)}.bento-card:hover{background:#ffffff0a;border-color:#0ce0c766}.tall{grid-row:span 2}.wide{grid-column:span 2;display:flex;align-items:center;gap:30px}.card-icon{font-size:2rem;color:#0ce0c7;margin-bottom:20px}.bento-card h3{font-size:1.3rem;margin-bottom:12px}.bento-card p{color:#94a3b8;line-height:1.6}.bento-card em{color:#00b4ff;font-style:normal;background:#00b4ff1a;padding:2px 6px;border-radius:4px}.pulse-line{height:2px;width:100%;background:linear-gradient(90deg,transparent,#0ce0c7,transparent);position:absolute;bottom:40px;left:0;animation:pulseMove 3s infinite}.market-chart-graphic{display:flex;align-items:flex-end;gap:8px;height:60px}.bar{width:12px;background:#00b4ff;border-radius:4px 4px 0 0;animation:barGrow 2s ease-in-out infinite}.bar-1{height:40%;animation-delay:.1s}.bar-2{height:80%;animation-delay:.3s}.bar-3{height:60%;animation-delay:.5s}@keyframes pulseMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes barGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}@media(max-width:992px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.tall,.wide{grid-row:auto;grid-column:auto}}.neural-match-section{padding:100px 5%;background:radial-gradient(circle at 10% 20%,rgba(12,224,199,.05) 0%,transparent 50%)}.match-container{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto}.ai-status-pill{display:inline-flex;align-items:center;gap:8px;background:#0ce0c71a;color:#0ce0c7;padding:6px 14px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:20px}.ai-status-pill .dot{width:8px;height:8px;background:#0ce0c7;border-radius:50%;box-shadow:0 0 10px #0ce0c7;animation:blink 1.5s infinite}.match-content h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.match-points{list-style:none;padding:0;margin-top:30px}.match-points li{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#94a3b8}.match-points li .icon{color:#0ce0c7;font-size:1.4rem}.match-visual{position:relative;flex-shrink:0}.car-scanner{position:relative;width:450px;height:300px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #0006}.car-scanner img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5)}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#0ce0c7,transparent);box-shadow:0 0 15px #0ce0c7;z-index:10;animation:scanMove 4s ease-in-out infinite}.label{position:absolute;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;border:1px solid rgba(12,224,199,.3);color:#fff;font-size:.8rem;font-weight:600;z-index:20}.label-top{top:20px;right:20px;border-left:4px solid #0ce0c7}.label-bottom{bottom:20px;left:20px;border-left:4px solid #00b4ff}@keyframes scanMove{0%,to{top:5%}50%{top:90%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:900px){.match-container{flex-direction:column;text-align:center}.car-scanner{width:100%;max-width:400px}.match-points li{justify-content:center}}.discovery-engine{padding:4rem 1rem;background:radial-gradient(circle at 50% 0%,rgba(12,224,199,.08),transparent 50%)}.engine-surface{background:#0a0f1ccc!important;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.05)!important;border-radius:40px!important;padding:4rem 3rem!important;box-shadow:0 40px 100px #0006}.discovery-header{text-align:center;margin-bottom:3rem}.status-badge{display:inline-flex;align-items:center;gap:10px;background:#0ce0c71a;color:#0ce0c7;padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid rgba(12,224,199,.2);margin-bottom:1.5rem}.pulse-indicator{width:8px;height:8px;background:#0ce0c7;border-radius:50%;animation:badgePulse 2s infinite}.text-glow{background:linear-gradient(90deg,#fff,#0ce0c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.command-bar{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:8px 10px 8px 24px;display:flex;align-items:center;max-width:850px;margin:0 auto;transition:.4s cubic-bezier(.4,0,.2,1)}.command-bar:focus-within{border-color:#0ce0c7;background:#ffffff0d;box-shadow:0 0 30px #0ce0c726}.command-input{flex:1;background:transparent;border:none;color:#fff;padding:12px;font-size:1.05rem;outline:none}.execute-btn{background:#0ce0c7;color:#000;border:none;padding:10px 24px;border-radius:100px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.3s}.execute-btn:hover{background:#0ce0c7;transform:scale(1.05)}.search-hints{display:flex;justify-content:center;gap:12px;margin-top:1.2rem}.search-hints button{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:5px 15px;border-radius:20px;font-size:.8rem;cursor:pointer}.intelligence-grid-view{margin-top:5rem}.grid-header-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.5rem}.bento-car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.premium-car-tile{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;transition:.3s ease}.premium-car-tile:hover{border-color:#0ce0c7;transform:translateY(-8px)}.tile-image-layer{position:relative;height:220px;padding:12px}.tile-image-layer img{width:100%;height:100%;object-fit:cover;border-radius:20px}.tile-tag-group{position:absolute;top:25px;left:25px;display:flex;gap:8px}.type-tag,.match-tag{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 12px;border-radius:8px;font-size:.7rem;font-weight:600}.match-tag{color:#0ce0c7;border:1px solid rgba(12,224,199,.3)}.tile-body{padding:1.5rem}.tile-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tile-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}.spec-node small{color:#64748b;font-size:.7rem;text-transform:uppercase}.spec-node span{display:block;color:#fff;font-weight:600;font-size:.9rem}.tile-action-footer{display:flex;justify-content:space-between;align-items:center}.amount{font-size:1.3rem;font-weight:800;color:#0ce0c7;margin-left:5px}.details-trigger{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:8px 20px;border-radius:12px;cursor:pointer;transition:.2s}.details-trigger:hover{background:#fff;color:#000}@keyframes badgePulse{0%{box-shadow:0 0 #0ce0c7b3}70%{box-shadow:0 0 0 10px #0ce0c700}to{box-shadow:0 0 #0ce0c700}}.utility-trigger{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.utility-trigger:hover{background:#ffffff1a;color:#0ce0c7;border-color:#0ce0c766;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d,0 0 10px #0ce0c71a}.utility-trigger:active{transform:translateY(1px) scale(.95)}.utility-trigger:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(12,224,199,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.utility-trigger:hover:after{opacity:1}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;padding:2rem 0}.neural-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:32px;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative}.neural-card:hover{transform:translateY(-10px);background:#ffffff0a;border-color:#0ce0c7;box-shadow:0 30px 60px -15px #00000080,0 0 20px #0ce0c71a}.card-media-wrap{position:relative;height:230px;padding:12px}.card-asset{width:100%;height:100%;object-fit:cover;border-radius:24px}.card-overlay-tags{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.category-pill{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff}.match-indicator{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:100px}.match-gauge{height:3px;background:#0ce0c7;border-radius:10px;box-shadow:0 0 10px #0ce0c7}.match-value{font-size:.65rem;font-weight:800;color:#0ce0c7;text-transform:uppercase}.card-intelligence{padding:1.5rem 2rem 2rem}.title-group h4{font-size:1.4rem;margin:0;color:#fff;letter-spacing:-.02em}.model-year{font-size:.8rem;color:#64748b;font-weight:500}.specs-dashboard{display:flex;align-items:center;background:#ffffff08;padding:1rem;border-radius:20px;margin:1.5rem 0}.spec-tile{flex:1;display:flex;flex-direction:column;gap:4px}.spec-label{font-size:.65rem;text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-weight:700}.spec-data{font-size:.9rem;color:#fff;font-weight:600}.spec-divider{width:1px;height:30px;background:#ffffff1a;margin:0 15px}.card-interaction-bar{display:flex;justify-content:space-between;align-items:flex-end}.valuation-block small{display:block;color:#64748b;font-size:.75rem;margin-bottom:4px}.price-wrap .unit{color:#0ce0c7;font-weight:800;font-size:.8rem;margin-right:4px}.price-wrap .val{font-size:1.4rem;font-weight:800;color:#fff}.intel-action-btn{background:#fff;color:#000;border:none;padding:12px 20px;border-radius:16px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s}.intel-action-btn:hover{background:#0ce0c7;transform:scale(1.05)}.intel-action-btn svg{transition:transform .3s ease}.intel-action-btn:hover svg{transform:translate(3px)}.utility-trigger:before{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);background:#1a1a2e;color:#fff;padding:5px 10px;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid rgba(255,255,255; } .interface-page {background: radial-gradient(circle at 20% 20%,rgba(12,224,199,.15),transparent 45%),radial-gradient(circle at 80% 30%,rgba(0,180,255,.18),transparent 50%),var(--bg-root); padding-bottom: 4rem; color: var(--text-primary);} .interface-nav {display: flex; align-items: center; justify-content: space-between; padding: 1.75rem 0; gap: 1rem;} .brand.dark {color: var(--text-primary);} .interface-nav nav {display: flex; gap: 1.5rem; font-weight: 500; color: var(--text-muted);} .interface-nav nav a.active {color: var(--text-primary);} .interface-content {text-align: center;} .interface-hero h1 {font-size: clamp(2.6rem,6vw,3.8rem); margin-bottom: 1rem;} .interface-hero p {max-width: 760px; margin: 0 auto 2.5rem; color: var(--text-muted); line-height: 1.7;} .orb-wrapper {display: flex; flex-direction: column; align-items: center; gap: 1.2rem;} .orb {width: min(320px,70vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 35%,#f0b577,#a15e1a,#120404); box-shadow: 0 30px 90px rgba(0,0,0,.6); border: 8px solid rgba(255,255,255,.05);} .glow-btn {border: none; background: rgba(7,20,35,.85); color: var(--text-primary); border-radius: 999px; padding: .8rem 2rem; font-weight: 600; box-shadow: inset 0 0 0 1px rgba(165,190,255,.3);} .interface-section {margin-top: 4rem; text-align: center;} .interface-section h2 {font-size: clamp(2rem,5vw,2.8rem); margin-bottom: 2rem;} .interface-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1.5rem;} .interface-card {padding: 2rem; text-align: left; min-height: 200px;} .interface-card h3 {margin: 1rem 0 .5rem;} .interface-card p {margin: 0; color: var(--text-muted); line-height: 1.6;} @media (max-width: 768px) {.interface-nav {flex-direction: column;} .interface-nav nav {flex-wrap: wrap; justify-content: center;} .primary-btn {width: 100%;}} [data-theme="light"] .glow-btn {background: rgba(255,255,255,.85); color: #0b1f36; box-shadow: inset 0 0 0 1px rgba(11,34,78,.15);} .chat-section {display: flex; flex-direction: column; position: relative; align-items: center; gap: 2rem;} .chat-animation-container {position: relative; width: 100%; max-width: 64rem; height: 12rem; overflow: hidden; border-radius: 1rem; border: 1px solid #1e293b; background-color: rgba(15,23,42,.5); padding: 1.5rem; backdrop-filter: blur(8px);} .flow-overlay {position: absolute; inset: 0; z-index: 0; height: 100%; width: 200%; opacity: .2; background-image: repeating-linear-gradient(-45deg,rgba(56,189,248,.1),rgba(56,189,248,.1) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(45deg,rgba(56,189,248,.1),rgba(56,189,248,.1) 1px,transparent 1px,transparent 10px); animation: flow 10s linear infinite;} .radial-overlay {position: absolute; inset: 0; z-index: 10; background: radial-gradient(circle,rgba(8,16,32,0) 0%,#081020 85%);} .pulse-circle {position: absolute; inset: 0; z-index: 20; display: flex; justify-content: center; align-items: center;} .pulse-circle::before {content: ""; width: 5rem; height: 5rem; border-radius: 50%; background-color: rgba(59,130,246,.2); box-shadow: 0 0 20px #3b82f6,0 0 40px #3b82f6; animation: pulse 2s infinite;} .chat-input {width: 100%; border-radius: .5rem; border: none; background-color: transparent; padding: .75rem 3rem .75rem 1rem; font-size: 1rem; color: #f1f5f9;} .chat-input::placeholder {color: #94a3b8;} .input-actions {display: flex; justify-content: space-between; align-items: center;} .left-actions,.right-actions {display: flex; align-items: center; gap: .75rem;} .icon-btn {background: none; border: none; color: #94a3b8; cursor: pointer; font-size: 1.25rem; transition: color .2s;} .icon-btn:hover {color: #fff;} .icon-size {font-variation-settings: "wght" 400,"FILL" 0,"GRAD" 0,"opsz" 24;} .chat-btn {display: flex; align-items: center; gap: .5rem; background-color: rgba(31,41,55,.7); border-radius: .375rem; padding: .25rem .75rem; font-size: .875rem; color: #d1d5db; border: none; cursor: pointer;} .chat-btn:hover {background-color: #1f2937;} .expand-icon {font-variation-settings: "wght" 400,"FILL" 0,"GRAD" 0,"opsz" 20;} .play-btn {display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; background-color: rgba(31,41,55,.7); border-radius: .375rem; border: none; color: #d1d5db; cursor: pointer;} .play-btn:hover {background-color: #1f2937;} .play-icon {font-variation-settings: "wght" 400,"FILL" 0,"GRAD" 0,"opsz" 24;} .suggestions {display: grid; grid-template-columns: repeat(1,1fr); gap: .5rem;} @media (min-width: 640px) {.suggestions {grid-template-columns: repeat(2,1fr);}} @media (min-width: 768px) {.suggestions {grid-template-columns: repeat(3,1fr);} .hidden-md {display: block;}} .suggestions button {border-radius: .5rem; border: 1px solid #374151; background-color: rgba(31,41,55,.5); padding: .75rem; text-align: left; font-size: .875rem; color: #d1d5db; transition: background-color .2s;} .suggestions button:hover {background-color: rgba(31,41,55,.8);} @keyframes pulse {0%,100% {transform: scale(1); opacity: .7;} 50% {transform: scale(1.2); opacity: 1;}} @keyframes flow {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}} :root { --bg-color-dark: var(--surface-panel); --chat-bg-dark: var(--bg-panel); --text-color-dark: var(--text-primary); --text-muted-dark: var(--text-muted); --border-color-dark: var(--card-border); --receiver-bg-dark: rgba(12, 224, 199, .1); --user-bg-dark: var(--brand); --user-text-dark: var(--bg-root); --shadow-dark: 0 8px 32px 0 var(--shadow-soft); --spotlight-dark: radial-gradient(circle, rgba(12, 224, 199, .15) 0%, var(--bg-root) 70%); --brand: #0ce0c7; --bg-root: #030a16; --bg-panel: #041128; --surface-card: rgba(255, 255, 255, .04); --surface-panel: rgba(8, 22, 41, .88); --text-primary: #e6f1ff; --text-muted: rgba(230, 241, 255, .75); --card-border: rgba(255, 255, 255, .08); --shadow-soft: rgba(0, 0, 0, .45); } .light-theme { --bg-color-light: var(--surface-panel); --chat-bg-light: var(--bg-panel); --text-color-light: var(--text-primary); --text-muted-light: var(--text-muted); --border-color-light: var(--card-border); --receiver-bg-light: #e7ecf8; --user-bg-light: var(--brand); --user-text-light: var(--bg-root); --shadow-light: 0 4px 16px 0 var(--shadow-soft); --response-content-bg-light: #f8fafc; --bg-root: #f4f7fb; --bg-panel: #ffffff; --surface-card: rgba(255, 255, 255, .95); --surface-panel: rgba(255, 255, 255, .96); --text-primary: #081428; --text-muted: #4b5e7f; --card-border: rgba(11, 34, 78, .1); --shadow-soft: rgba(11, 34, 78, .08); } .background-animation-wrapper {width:48rem} .background-video-element {width: 100%; height: 300px; object-fit: cover; z-index: 2; opacity: .3; border-radius: 13px;} .radial-spotlight-effect {z-index: 3;} .chat-sections {width:100%; display: flex; justify-content: center; align-items: center;} .background-animation-wrapper {position: absolute; display:none; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; border-radius: 20px;} .background-video-element {width: 100%; height: 100%; object-fit: cover; filter: brightness(.7);} .light-theme .background-video-element {filter: brightness(1.1) saturate(.5);} .radial-spotlight-effect {position: absolute; top: 50%; left: 50%; width: 80%; height: 80%; transform: translate(-50%,-50%); background: var(--spotlight-dark); z-index: 1;} .light-theme .radial-spotlight-effect {background: radial-gradient(circle,var(--brand) 0%,var(--bg-root) 70%); opacity: .1;} .chat-container {display: flex; position: relative; flex-direction: row-reverse; gap:10px; position: relative; z-index: 10; background-color: transparent; backdrop-filter: blur(10px); border: 1px solid var(--border-color-dark); box-shadow: var(--shadow-dark); border-radius: 20px; padding: 20px; color: var(--text-color-dark);} .light-theme .chat-container {background-color: var(--bg-color-light); backdrop-filter: blur(8px); border: 1px solid var(--border-color-light); box-shadow: var(--shadow-light); color: var(--text-color-light);} .chat-container::-webkit-scrollbar {width: 0; background: transparent;} .chat-container {scrollbar-width: none;} .messages {flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding-right: 15px; padding-bottom: 10px; max-height: initial; width: 100%; top: initial; bottom: initial; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;} .messages::-webkit-scrollbar {display: none;} .receiver-message {align-self: flex-start; background-color: var(--receiver-bg-dark); color: var(--text-color-dark); padding: 12px 18px; border-radius: 20px 20px 20px 4px; min-width: 80%; word-break: break-word; transition: transform .2s ease; text-align: left; display: inline-block; vertical-align: top;} .light-theme .receiver-message {background-color: var(--receiver-bg-light); color: var(--text-color-light);} .user-message {align-self: flex-end; background-color: var(--user-bg-dark); color: var(--user-text-dark); padding: 14px 20px; border-radius: 18px 18px 6px 18px; max-width: 80%; min-width: 10%; line-height: 1.4; word-break: break-word; box-shadow: 0 2px 5px rgba(0,0,0,.2); transition: transform .2s ease,box-shadow .2s ease,background-color .2s ease;} .chat-input-container {display: flex; flex-direction: column; gap: 10px; padding-top: 10px;} .input-wrapper {display: flex; gap: 10px;} .chat-input {flex: 1; padding: 12px 20px; border-radius: 30px; border: 1px solid var(--outline-border); background-color: var(--chat-bg-dark); color: var(--text-color-dark); outline: none; font-size: 16px; transition: border-color .3s,box-shadow .3s;} .light-theme .chat-input {border: 1px solid var(--outline-border); background-color: var(--chat-bg-light); color: var(--text-color-light);} .chat-input:focus {border-color: var(--brand); box-shadow: 0 0 0 2px rgba(12,224,199,.3);} .chat-input::placeholder {color: var(--text-muted-dark);} .light-theme .chat-input::placeholder {color: var(--text-muted-light);} .input-actions {display: flex; justify-content: space-between; align-items: center;} .left-actions,.right-actions {display: flex; gap: 8px;} .icon-btn {background: none; border: none; color: var(--text-muted-dark); cursor: pointer; padding: 8px; border-radius: 50%; transition: color .2s,background-color .2s;} .light-theme .icon-btn {color: var(--text-muted-light);} .light-theme .icon-btn:hover {color: var(--text-color-light); background-color: rgba(0,0,0,.05);} .icon-btn:hover {color: var(--text-color-dark); background-color: var(--surface-card);} .chat-btn {background-color: var(--brand); color: var(--user-text-dark); border: none; padding: 8px 16px; border-radius: 24px; cursor: pointer; font-weight: 600; display: flex; align-items: center; gap: 4px; transition: background-color .2s,transform .1s;} .chat-btn:hover {background-color: #5eead4;} .chat-btn:active {transform: scale(.98);} .play-btn {background-color: rgba(12,224,199,.15); color: var(--brand); border: none; padding: 8px; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: background-color .2s,transform .1s;} .light-theme .play-btn {background-color: rgba(12,224,199,.05);} .light-theme .play-btn:hover {background-color: rgba(12,224,199,.1);} .play-btn:hover {background-color: rgba(12,224,199,.25);} .play-btn:active {transform: scale(.95);} .suggestions {display: flex; gap: 8px; flex-wrap: wrap; padding-top: 5px;} .suggestions button {background-color: var(--surface-card); border: 1px solid var(--card-border); color: var(--text-muted-dark); padding: 6px 14px; border-radius: 20px; cursor: pointer; font-size: .9em; transition: background-color .2s,color .2s,border-color .2s; white-space: nowrap;} .light-theme .suggestions button {background-color: #f1f5f9; border: 1px solid var(--card-border); color: var(--text-muted-light);} .light-theme .suggestions button:hover {background-color: rgba(12,224,199,.1); border-color: var(--brand); color: var(--text-color-light);} .suggestions button:hover {background-color: rgba(12,224,199,.2); border-color: var(--brand); color: var(--text-color-dark);} .seperation{height: 80vh; width:100%; display: flex; flex-direction: column;} .ai-response-container {background-color: transparent; backdrop-filter: blur(10px); border-radius: 12px; box-shadow: 0 8px 32px 0 var(--shadow-soft); padding: 25px; flex:1; opacity: 0; transform: translateY(20px); transition: opacity .5s ease,transform .5s ease;} .light-theme .ai-response-container {background-color: var(--chat-bg-light); backdrop-filter: blur(8px); box-shadow: var(--shadow-light); border: 1px solid var(--border-color-light);} .ai-response-container.slide-in {opacity: 1; transform: translateY(0);} .response-header {display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--brand);} .ai-icon {font-size: 24px; margin-right: 10px;} .ai-name {margin: 0; font-size: 1.4em; color: var(--text-color-dark); font-weight: 600;} .light-theme .ai-name {color: var(--text-color-light);} .response-content p {line-height: 1.7; color: var(--text-muted-dark); margin-bottom: 15px; padding: 10px; border-left: 4px solid var(--brand); background-color: rgba(12,224,199,.1); border-radius: 4px;} .light-theme .response-content p {color: var(--text-color-light); background-color: var(--response-content-bg-light); border-left-color: var(--brand);} .response-footer {margin-top: 20px; padding-top: 10px; border-top: 1px dashed var(--divider); text-align: right;} .light-theme .response-footer {border-top: 1px dashed var(--divider);} .timestamp {font-size: .85em; color: var(--text-muted-dark); margin: 0;} .light-theme .timestamp {color: var(--text-muted-light);} .chat-input-container {position: relative; z-index: 20; width: 100%; display: flex; flex-direction: column; border-radius: 1rem; border: 1px solid var(--border-color-dark); background-color: var(--bg-color-dark); padding: 1rem; backdrop-filter: blur(8px); box-shadow: var(--shadow-dark);} .light-theme .chat-input-container {border: 1px solid var(--border-color-light); background-color: var(--bg-color-light); box-shadow: var(--shadow-light);} .chat-top-controls {position: absolute; top: 12px; right: 14px; display: flex; gap: 10px; z-index: 50;} .chat-top-controls .control-btn {width: 18px; height: 18px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: bold; color: #292929; transition: transform .15s ease;} .chat-top-controls .close-btn {background-color: #ff5f57;} .chat-top-controls .minimize-btn {background-color: #fdbc40;} .chat-top-controls .control-btn:hover {transform: scale(1.12);} .chat-input-row {display: flex; align-items: center; gap: 10px;} .chat-input-row .left-actions,.chat-input-row .right-actions {display: flex; gap: 8px;} .chat-input-row .chat-input {flex: 1;} .right-actions button {transition: all .2s ease;} .launch-page {background: radial-gradient(circle at 60% 40%,rgba(0,180,255,.18),transparent 60%),radial-gradient(circle at 40% 30%,rgba(12,224,199,.18),transparent 45%),var(--bg-root); min-height: 100vh; display: flex; flex-direction: column; padding: 2rem clamp(1.5rem,6vw,5rem) 2rem;} .brand.light {color: var(--text-primary);} .launch-header {display: flex; justify-content: flex-start;} .launch-hero {flex: 1; display: flex; align-items: center; justify-content: center; position: relative; text-align: left;} .launch-aura {position: absolute; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle,rgba(9,242,205,.4),transparent 70%); filter: blur(6px);} .launch-copy {position: relative; max-width: 640px; padding: 2rem; text-align: center;} .launch-copy h1 {font-size: clamp(2.8rem,7vw,4rem); margin-bottom: 1rem;} .launch-copy p {color: var(--text-muted); margin-bottom: 2.5rem; font-size: 1.25rem;} .launch-input {display: flex; align-items: center; gap: 1rem; background: rgba(2,12,26,.9); border-radius: 999px; padding: .35rem .35rem .35rem 1rem; border: 1px solid rgba(12,224,199,.35);} .launch-input input {flex: 1; background: transparent; border: none; color: var(--text-primary); font-size: 1rem; padding: .95rem 0;} .launch-input input:focus {outline: none;} .spark {color: #0ce0c7; font-size: 1.3rem; margin-left: .5rem;} .launch-input .primary-btn {min-width: 140px;} @media (max-width: 640px) {.launch-input {flex-direction: column; border-radius: 28px; padding: 1rem;} .launch-input .primary-btn,.launch-input input {width: 100%;}} [data-theme="light"] .launch-input {background: rgba(255,255,255,.9); border: 1px solid rgba(11,34,78,.15);} [data-theme="light"] .launch-page {background: radial-gradient(circle at 60% 40%,rgba(0,180,255,.12),transparent 60%),radial-gradient(circle at 40% 30%,rgba(12,224,199,.12),transparent 45%),var(--bg-root);} .support-page {background: radial-gradient(circle at 50% 15%,rgba(252,203,81,.25),transparent 45%),var(--bg-root); min-height: 100vh; color: var(--text-primary);} .support-nav {display: flex; justify-content: space-between; align-items: center; padding: 1.5rem clamp(1.5rem,6vw,4rem); border-bottom: 1px solid var(--divider);} .brand.light {color: var(--text-primary);} .logo-mark.gold {background: radial-gradient(circle at 30% 30%,#ffd36b,#c97a00); box-shadow: 0 10px 30px rgba(255,198,66,.4);} .support-nav nav {display: flex; gap: 2rem; font-weight: 500; color: var(--text-muted);} .support-nav nav a.active {color: #ffd36b;} .profile-pill {width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.1); display: grid; place-items: center;} .support-chat {padding: 3rem 0 4rem; position: relative;} .sun-beam {width: 180px; height: 180px; background: radial-gradient(circle,#ffd049,transparent 70%); margin: 0 auto 2rem; border-radius: 50%; filter: blur(10px);} .chat-window {max-width: 900px; margin: 0 auto; padding: 2rem; border-radius: 32px; background: var(--surface-panel); border: 1px solid var(--card-border);} .status-bar {text-align: center; color: #f6c55d; font-weight: 500; margin-bottom: 1.5rem;} .messages {display: flex; flex-direction: column; gap: 1.5rem;} .message {display: flex; gap: 1rem;} .message .avatar {width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.1); display: grid; place-items: center; font-weight: 600;} .message.assistant .avatar {background: rgba(255,203,81,.15);} .message.agent .avatar {background: rgba(255,132,91,.2);} .message-meta {display: flex; gap: .75rem; font-size: .9rem; color: var(--text-muted);} .message p {margin: .25rem 0 0; color: var(--text-primary); line-height: 1.6;} .input-row {display: flex; gap: 1rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--divider);} .input-row input {flex: 1; background: rgba(0,0,0,.4); border: none; border-radius: 999px; padding: 1rem 1.5rem; color: var(--text-primary);} .input-row input:focus {outline: 1px solid rgba(255,211,107,.6);} .input-row .send-btn {width: 56px; height: 56px; border-radius: 50%; border: none; background: #ffc63f; color: #1b1304; font-size: 1.5rem; cursor: pointer;} @media (max-width: 768px) {.support-nav {flex-direction: column; gap: 1rem; text-align: center;} .support-nav nav {flex-wrap: wrap; justify-content: center;} .chat-window {padding: 1.5rem;} .message {flex-direction: column;} .message .avatar {width: 36px; height: 36px;}} [data-theme="light"] .support-page {background: radial-gradient(circle at 50% 15%,rgba(252,203,81,.18),transparent 45%),var(--bg-root);} [data-theme="light"] .chat-window {background: rgba(255,255,255,.95);} [data-theme="light"] .input-row input {background: rgba(12,24,44,.06);} .docs-page {background: radial-gradient(circle at top right,rgba(9,187,255,.2),transparent 45%),radial-gradient(circle at top left,rgba(12,224,199,.18),transparent 40%),var(--bg-root); padding-bottom: 4rem; color: var(--text-primary);} .docs-nav {display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; gap: 1rem;} .docs-nav nav {display: flex; gap: 1.5rem; color: var(--text-muted);} .docs-nav nav a.active {color: var(--text-primary); font-weight: 600;} .docs-content {padding-bottom: 3rem;} .breadcrumbs {display: flex; gap: .5rem; color: var(--text-muted); font-size: .95rem; margin-bottom: 1.5rem;} .breadcrumbs .current {color: var(--text-primary);} .docs-hero {display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 1.5rem;} .docs-card {padding: clamp(1.5rem,3vw,2rem); border-radius: 28px;} .docs-card.hero h1 {margin: .5rem 0 1rem; font-size: clamp(2rem,4vw,2.8rem);} .docs-card.hero p {color: var(--text-muted); line-height: 1.7;} .media-frame {margin-top: 2rem; background: var(--surface-panel); border-radius: 24px; padding: 2rem; border: 1px solid var(--card-border);} .media-orb {width: 100%; aspect-ratio: 16 / 9; border-radius: 18px; background: radial-gradient(circle at 40% 40%,#f7d19e,#a96420,#160a01); border: 6px solid rgba(255,255,255,.04);} .feature-block + .feature-block {margin-top: 1.5rem;} .feature-heading {display: flex; justify-content: space-between; align-items: center;} .feature-heading h3 {margin: 0;} .feature-block p {margin: .5rem 0 0; color: var(--text-muted); line-height: 1.6;} .code-section {margin-top: 2rem; padding: 2rem; border-radius: 24px; background: rgba(4,12,24,.85); border: 1px solid var(--card-border);} .code-heading {display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;} .code-heading h3 {margin: .3rem 0 0;} pre {margin: 1.5rem 0 0; background: rgba(0,0,0,.45); padding: 1.5rem; border-radius: 18px; overflow-x: auto; color: #e0fffb; font-family: "Space Mono","SFMono-Regular",Menlo,monospace; font-size: .95rem; line-height: 1.6;} .assistant-card {margin-top: 2rem; padding: 1.5rem; border-radius: 24px; display: flex; flex-direction: column; gap: 1rem; background: var(--surface-panel); border: 1px solid var(--card-border);} .assistant-input {display: flex; justify-content: space-between; align-items: center; gap: 1rem;} .assistant-muted {color: var(--text-muted); font-size: .9rem;} .send-btn {width: 48px; height: 48px; border-radius: 50%; border: none; background: linear-gradient(135deg,#12f8d0,#0aa5ff); color: #02152a; font-size: 1.1rem; cursor: pointer;} .suggestions {display: flex; gap: .75rem; flex-wrap: wrap;} .suggestion-pill {border: 1px solid var(--card-border); border-radius: 999px; background: transparent; color: var(--text-primary); padding: .5rem 1rem; cursor: pointer;} @media (max-width: 960px) {.docs-hero {grid-template-columns: 1fr;}} @media (max-width: 768px) {.docs-nav {flex-direction: column;} .docs-nav nav {flex-wrap: wrap; justify-content: center;} .assistant-input {flex-direction: column; align-items: flex-start;}} [data-theme="light"] .code-section {background: #ffffff;} [data-theme="light"] pre {background: rgba(11,34,78,.08); color: #09142a;} [data-theme="light"] .assistant-card {background: rgba(255,255,255,.95);} .static-page {background: radial-gradient(circle at 20% 10%,rgba(12,224,199,.15),transparent 45%),radial-gradient(circle at 80% 15%,rgba(0,180,255,.18),transparent 45%),var(--bg-root); min-height: 100vh; display: flex; flex-direction: column; color: var(--text-primary);} .static-content {flex: 1; padding: 5rem 0 2rem; text-align: center; display: flex; flex-direction: column; gap: 1.5rem;} .static-content h1 {margin: 0; font-size: clamp(2.2rem,6vw,3.5rem);} .static-lead {margin: 0 auto; max-width: 720px; line-height: 1.7; color: var(--text-muted);} .static-panels {display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 1.5rem; margin-top: 1rem;} .static-card {padding: 1.75rem; text-align: left;} .static-card h3 {margin: 0 0 .5rem;} .static-card p {margin: 0 0 .75rem; color: var(--text-muted);} .static-card ul {margin: 0; padding-left: 1.2rem; color: var(--text-primary);} .static-card li {margin-bottom: .4rem; list-style: circle;} .static-cta {margin-top: 1.5rem; font-weight: 600; color: var(--text-primary);} @media (max-width: 640px) {.static-content {text-align: left;} .static-cta {text-align: center;}} .theme-indicator {position: fixed; right: 1.5rem; bottom: 1.5rem; display: inline-flex; align-items: center; gap: .5rem; background: rgba(0,0,0,.55); color: #f2f6ff; padding: .4rem .9rem; border-radius: 999px; font-size: .9rem; font-weight: 600; backdrop-filter: blur(8px); box-shadow: 0 15px 30px rgba(0,0,0,.25); z-index: 20;} [data-theme="light"] .theme-indicator {background: rgba(255,255,255,.85); color: #071735; box-shadow: 0 10px 20px rgba(13,33,70,.15);} .theme-dot {width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg,#0ce0c7,#00b4ff); box-shadow: 0 0 10px rgba(12,224,199,.5);} .theme-copy {letter-spacing: .02em;} @media (max-width: 640px) {.theme-indicator {left: 50%; transform: translateX(-50%); bottom: 1rem; right: auto;}} .neural-overlay {position: fixed; inset: 0; background: rgba(4,7,12,.85); backdrop-filter: blur(12px); z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 20px;} .ai-matrix {width: 100%; max-width: 680px; height: 85vh; background: #0d1117; border: 1px solid rgba(255,255,255,.08); border-radius: 32px; display: flex; overflow: hidden; transition: all .6s cubic-bezier(.16,1,.3,1); box-shadow: 0 50px 100px -20px rgba(0,0,0,.7);} .ai-matrix.expand-vision {max-width: 980px;} .neural-terminal {flex: 1; display: flex; flex-direction: column; min-width: 480px;} .terminal-header {padding: 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.05);} .core-identity {display: flex; align-items: center; gap: 12px; font-weight: 800; color: #fff; font-size: .8rem; letter-spacing: 2px;} .status-orb {width: 8px; height: 8px; background: #0ce0c7; border-radius: 50%; box-shadow: 0 0 10px #0ce0c7; animation: pulse 2s infinite;} .terminal-exit {background: transparent; border: none; color: #4b5563; cursor: pointer; transition: .3s;} .terminal-exit:hover {color: #fff; transform: rotate(90deg);} .stream-axon {flex: 1; padding: 24px; overflow-y: auto; display: flex; flex-direction: column; gap: 24px;} .data-packet.user {align-self: flex-end; max-width: 80%;} .data-packet.ai {align-self: flex-start; max-width: 85%;} .text-bubble {padding: 14px 20px; border-radius: 20px; font-size: .95rem; line-height: 1.6;} .user .text-bubble {background: #fff; color: #000; border-bottom-right-radius: 4px;} .ai .text-bubble {background: rgba(255,255,255,.05); color: #fff; border: 1px solid rgba(255,255,255,.1); border-bottom-left-radius: 4px;} .discovery-deck {display: flex; gap: 15px; overflow-x: auto; margin-top: 15px; padding-bottom: 10px; scrollbar-width: none;} .asset-card {flex: 0 0 200px; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; overflow: hidden; transition: .3s;} .asset-card:hover {border-color: #0ce0c7; background: rgba(255,255,255,.04);} .asset-media img {width: 100%; height: 110px; object-fit: cover;} .asset-info {padding: 12px;} .asset-info h6 {color: #fff; margin: 0; font-size: .85rem;} .asset-cost {color: #0ce0c7; font-size: .75rem; font-weight: 700; margin: 5px 0 12px;} .probe-btn {width: 100%; padding: 8px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); color: #fff; border-radius: 10px; font-size: .7rem; cursor: pointer; transition: .3s;} .probe-btn:hover {background: #fff; color: #000;} .input-module {padding: 24px; background: #0d1117;} .command-input-wrap {display: flex; align-items: center; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1); border-radius: 100px; padding: 6px 6px 6px 18px; transition: .3s;} .command-input-wrap:focus-within {border-color: #0ce0c7; box-shadow: 0 0 20px rgba(12,224,199,.1);} .axon-input {flex: 1; background: transparent; border: none; color: #fff; outline: none; padding: 10px;} .fire-trigger {width: 44px; height: 44px; background: #0ce0c7; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s;} .fire-trigger:hover {transform: scale(1.1) rotate(-10deg);} .intel-module {width: 0; background: #080c12; border-left: 1px solid rgba(255,255,255,.05); display: flex; flex-direction: column; transition: width .6s cubic-bezier(.16,1,.3,1);} .intel-module.online {width: 500px;} .module-header {padding: 24px; display: flex; align-items: center; gap: 15px; color: #fff; font-weight: 700; font-size: .8rem; letter-spacing: 1px;} .module-collapse {margin-left: auto; background: transparent; border: none; color: #4b5563; cursor: pointer;} .module-data-stream {padding: 30px; overflow-y: auto;} .visual-preview {position: relative; border-radius: 24px; overflow: hidden; margin-bottom: 24px;} .visual-preview img {width: 100%; height: 260px; object-fit: cover;} .accuracy-badge {position: absolute; top: 15px; left: 15px; background: rgba(12,224,199,.8); color: #000; padding: 4px 10px; border-radius: 8px; font-size: .65rem; font-weight: 900;} .sensor-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 25px 0;} .sensor-node {background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.05); padding: 15px; border-radius: 20px;} .sensor-node label {display: block; color: #64748b; font-size: .65rem; font-weight: 800; margin: 5px 0;} .sensor-node span {color: #fff; font-weight: 700;} .reserve-action {width: 100%; background: #fff; color: #000; padding: 18px; border: none; border-radius: 16px; font-weight: 900; cursor: pointer; transition: .3s;} .reserve-action:hover {background: #0ce0c7; letter-spacing: 1px;} @keyframes pulse {0% {opacity: 1; transform: scale(1);} 50% {opacity: .5; transform: scale(1.2);} 100% {opacity: 1; transform: scale(1);}}.chat-button {position: fixed; right: 1.5rem; bottom: 4.5rem; display: inline-flex; align-items: center; gap: .45rem; background: linear-gradient(135deg,#0a66ff,#0048c8); color: #ffffff; padding: .6rem 1.2rem; border-radius: 50px; font-size: .95rem; font-weight: 600; border: none; cursor: pointer; backdrop-filter: blur(8px); box-shadow: 0px 12px 30px rgba(0,0,150,.25); z-index: 999; transition: transform .25s ease,box-shadow .25s ease;} .chat-button:hover {transform: translateY(-3px) scale(1.03); box-shadow: 0px 18px 38px rgba(0,0,150,.35);} .chat-button:active {transform: scale(.97);} .chat-icon {font-size: 1.25rem;} @media (max-width: 640px) {.chat-button {left: 50%; transform: translateX(-50%); bottom: 1.2rem; right: auto;}} .ai-avatar-container {width: 80px; z-index:11111; height: 80px; border-radius: 50%; overflow: hidden; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,.3); position: fixed; right: 20px; transition: .3s;} .ai-avatar-container:hover {transform: scale(1.1);} .ai-avatar-video {width: 100%; height: 100%; object-fit: cover;} .ai-avatar-gif {width: 100%; height: 100%; object-fit: cover;} .ai-avatar-container {transition: transform .15s ease,box-shadow .2s ease,opacity .15s ease,border-color .2s ease; box-shadow: 0 4px 10px rgba(0,0,0,.15); border-radius: 50%;} .ai-avatar-container.is-dragging {cursor: grabbing !important; transform: scale(1.08); opacity: .95; box-shadow: 0 14px 30px rgba(0,0,0,.35),0 0 0 4px rgba(12,224,199,1);}:root {font-family: "Space Grotesk","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height: 1.5; font-weight: 400; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --brand: #0ce0c7; --brand-blue: #0f5bd7; --bg-root: #030a16; --bg-panel: #041128; --surface-card: rgba(255,255,255,.04); --surface-panel: rgba(8,22,41,.88); --text-primary: #e6f1ff; --text-muted: rgba(230,241,255,.75); --outline-border: rgba(230,241,255,.4); --card-border: rgba(255,255,255,.08); --footer-bg: #01050c; --divider: rgba(255,255,255,.1); --shadow-soft: rgba(0,0,0,.45);} [data-theme="light"] { --bg-root: #f4f7fb; --bg-panel: #ffffff; --surface-card: rgba(255, 255, 255, .95); --surface-panel: rgba(255, 255, 255, .96); --text-primary: #081428; --text-muted: #4b5e7f; --outline-border: rgba(11, 34, 64, .2); --card-border: rgba(11, 34, 78, .1); --footer-bg: #e7ecf8; --divider: rgba(11, 34, 78, .15); --shadow-soft: rgba(11, 34, 78, .08); } *,*::before,*::after {box-sizing: border-box;} body {margin: 0; min-height: 100vh; background-color: var(--bg-root); color: var(--text-primary); transition: background-color .35s ease,color .35s ease;} a {color: inherit; text-decoration: none;} ul {list-style: none; padding: 0; margin: 0;} img {max-width: 100%; height: auto; display: block;} button {font-family: inherit;} .page {min-height: 100vh; background: radial-gradient(circle at top,rgba(14,210,196,.15),transparent 45%),var(--bg-root); color: var(--text-primary); transition: background .35s ease,color .35s ease;} .container {width: min(1200px,92vw); margin: 0 auto;} .pill {padding: .45rem 1.2rem; border-radius: 999px; font-size: .9rem; font-weight: 600; display: inline-flex; align-items: center; gap: .4rem;} .primary-btn {background: linear-gradient(120deg,#0ce0c7,#00b4ff); color: #021627; font-weight: 600; padding: .8rem 1.6rem; border: none; border-radius: 999px; cursor: pointer; transition: transform .2s ease,box-shadow .2s ease; box-shadow: 0 10px 30px rgba(12,224,199,.35);} .primary-btn:hover {transform: translateY(-2px);} .outline-btn {background: transparent; color: inherit; border: 1px solid var(--outline-border); border-radius: 999px; padding: .75rem 1.5rem; font-weight: 600; cursor: pointer; transition: border-color .2s ease,transform .2s ease;} .outline-btn:hover {border-color: currentColor; transform: translateY(-2px);} .glass-card {background: var(--surface-panel); border: 1px solid var(--card-border); border-radius: 24px; box-shadow: 0 20px 60px var(--shadow-soft); backdrop-filter: blur(16px);} .section-label {text-transform: uppercase; letter-spacing: .2em; font-size: .75rem; color: var(--brand);} @media (max-width: 768px) {.container {width: min(700px,92vw);} .primary-btn,.outline-btn {width: 100%; justify-content: center;}})}