.prod{--card: oklch(1 0 0);--border: #d0d5dd;--brand-50: oklch(.975 .018 150);--brand-300: oklch(.82 .11 150);--brand-500: oklch(.527 .154 150);--brand-600: oklch(.47 .14 150);--brand-700: oklch(.4 .115 150);--danger: #d92d20;--success: #17b26a;--fg-1: oklch(.145 0 0);--fg-2: oklch(.345 0 0);--fg-3: oklch(.556 0 0);--fg-4: oklch(.708 0 0);--bg-2: oklch(.985 0 0);--bg-3: oklch(.97 0 0);--font-mono: ui-monospace, "JetBrains Mono", SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.prod-visuals .visual{display:none}.prod-visuals .visual:first-child{display:block}.viz-frame{position:relative;width:100%;overflow:hidden}.viz-frame .canvas{position:absolute;top:0;left:0;transform-origin:top left;background:transparent}.canvas.c1{width:720px;height:800px}@keyframes vizPip{0%,to{opacity:1}50%{opacity:.35}}@keyframes vizBar{0%,to{transform:scaleY(.28);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes vizRing{0%{transform:scale(1);opacity:.5}to{transform:scale(1.7);opacity:0}}@keyframes vizFieldReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.v1{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:50px}.v1 .result{width:100%;max-width:1050px;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 28px 56px -22px #10241d38;overflow:hidden}.v1 .result-head{padding:30px 36px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}.v1 .result-head .sp{width:56px;height:56px;border-radius:13px;background:var(--brand-500);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.v1 .result-head .sp [data-lucide]{width:24px;height:24px}.v1 .result-head .eb{font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-600)}.v1 .result-head .ti{font-size:28px;font-weight:600;letter-spacing:-.01em;color:var(--fg-1);margin-top:2px}.v1 .fields{padding:14px 38px 26px;display:flex;flex-direction:column}.v1 .field{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);opacity:0;animation:vizFieldReveal .45s var(--ease-out) forwards}.v1 .field:nth-child(1){animation-delay:.6s}.v1 .field:nth-child(2){animation-delay:1.36s}.v1 .field:nth-child(3){animation-delay:2.12s}.v1 .field:nth-child(4){animation-delay:2.88s}.v1 .field:last-child{border-bottom:none}.v1 .field .ic{width:50px;height:50px;border-radius:10px;background:var(--bg-3);color:var(--fg-2);display:flex;align-items:center;justify-content:center;flex:none}.v1 .field .ic [data-lucide]{width:26px;height:26px}.v1 .field .k{font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3)}.v1 .field .v{font-size:27px;font-weight:600;color:var(--fg-1);margin-top:3px}.v1 .field .lvl{display:inline-block;vertical-align:middle;font-size:15px;font-weight:700;color:var(--brand-700);background:var(--brand-50);border:1px solid #bfe2d0;border-radius:999px;padding:2px 11px;margin-left:8px}.v1 .field .ok{display:inline-flex;vertical-align:middle;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--brand-600);margin-left:8px}.v1 .field .ok [data-lucide]{width:16px;height:16px}.v1 .field .mono{font-family:var(--font-mono)}.v1 .rec-foot{display:flex;align-items:center;gap:20px;padding:26px 32px 28px;border-top:1px solid var(--border);background:var(--bg-2)}.v1 .wave-card{flex:1;min-width:0;background:var(--brand-50);border:1px solid #cde7d8;border-radius:16px;padding:0 20px;height:90px;display:flex;align-items:center;gap:14px}.v1 .wave{flex:1;min-width:0;height:56px;display:flex;align-items:center;gap:3px;overflow:hidden}.v1 .wave i{width:5px;border-radius:4px;background:var(--brand-500);height:36px;opacity:.9;flex:none;animation:vizBar 1s var(--ease-in-out) infinite;transform-origin:center}.v1 .wave-card .t{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--brand-700);flex:none}.v1 .mic{position:relative;width:78px;height:78px;flex:none;border-radius:50%;background:var(--brand-500);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -4px oklch(.527 .154 150 / .45)}.v1 .mic [data-lucide]{width:27px;height:27px}.v1 .mic:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--brand-500);animation:vizRing 2.4s var(--ease-out) infinite}.canvas.c2{width:720px;height:760px}.v2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:50px}.v2 .panel{width:100%;max-width:1050px;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 28px 56px -22px #10241d38;overflow:hidden}.v2 .panel-head{padding:28px 32px 22px;display:flex;align-items:center;gap:14px}.v2 .panel-head .sp{width:56px;height:56px;border-radius:12px;background:var(--brand-500);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.v2 .panel-head .sp [data-lucide]{width:22px;height:22px}.v2 .panel-head .eb{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-600)}.v2 .panel-head .ti{font-size:28px;font-weight:600;letter-spacing:-.01em;margin-top:2px;display:flex;align-items:baseline;gap:9px;color:var(--fg-1)}.v2 .panel-head .ti .ct{font-size:15px;font-weight:600;color:var(--fg-3)}.v2 .photo{position:relative;height:380px;margin:0 30px 12px;border-radius:16px;overflow:hidden;background:#6a6660}.v2 .photo .ceiling{position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(170deg,#d9d3c8,#cfc8bb 42%,#beb6a8)}.v2 .photo .wall{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,#b7afa1,#a89f90 55%,#8f8676)}.v2 .photo .corner{position:absolute;left:0;right:0;top:37%;height:4%;background:linear-gradient(180deg,#3c362c2e,#3c362c00)}.v2 .photo .light{position:absolute;inset:0;background:radial-gradient(110% 90% at 76% 12%,#fffaee6b,#fffaee00 55%)}.v2 .photo .vignette{position:absolute;inset:0;box-shadow:inset 0 0 90px 24px #28241c52}.v2 .photo .grain{position:absolute;inset:0;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}.v2 .photo .crack{position:absolute;width:168px;height:150px}.v2 .photo .crack svg{width:100%;height:100%}.v2 .ring{position:absolute;border:4px solid var(--danger);border-radius:50%;box-shadow:0 0 0 3px #d92d202e}.v2 .anno-lbl{position:absolute;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border-radius:8px;font-size:17px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 4px 10px #00000047}.v2 .anno-lbl.danger{background:var(--danger)}.v2 .anno-lbl [data-lucide]{width:17px;height:17px}.v2 .alist{padding:14px 30px 30px;display:flex;flex-direction:column}.v2 .arow{display:flex;align-items:center;gap:16px;padding:24px 6px;border-bottom:1px solid var(--border)}.v2 .arow:last-child{border-bottom:none}.v2 .arow .sw{width:50px;height:50px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none;background:var(--danger)}.v2 .arow .sw [data-lucide]{width:20px;height:20px}.v2 .arow .lab{font-size:24px;font-weight:600;color:var(--fg-1)}.v2 .arow .meta{font-size:16px;color:var(--fg-3);margin-top:2px}.v2 .arow .pos{margin-left:auto;font-family:var(--font-mono);font-size:13px;color:var(--fg-4)}.v2 .anim{opacity:0}.v2 #aCrack{transform-origin:30% 50%;animation:vizCrackIn .45s var(--ease-out) .5s forwards}.v2 #aRing{transform-origin:50% 50%;animation:vizRingIn .5s var(--ease-out) 1.05s forwards}.v2 #aLabel{transform-origin:left center;animation:vizLblIn .4s var(--ease-spring) 1.5s forwards}.canvas.c3{width:760px;height:880px}.v3{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:50px 56px}.v3 .chat{width:100%;max-width:1044px;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 28px 56px -22px #10241d3d;overflow:hidden;display:flex;flex-direction:column}.v3 .chat-head{display:flex;align-items:center;gap:14px;padding:26px 32px;border-bottom:1px solid var(--border)}.v3 .chat-head .av{width:54px;height:54px;border-radius:13px;background:var(--brand-500);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.v3 .chat-head .av [data-lucide]{width:25px;height:25px}.v3 .chat-head .nm{font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--fg-1)}.v3 .chat-head .sb{font-size:16px;color:var(--fg-3);margin-top:1px}.v3 .chat-head .live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--brand-600)}.v3 .chat-head .live .pip{width:9px;height:9px;border-radius:50%;background:var(--brand-500);animation:vizPip 1.5s var(--ease-in-out) infinite}.v3 .chat-body{padding:26px;display:flex;flex-direction:column;gap:16px}.v3 .msg{max-width:86%;font-size:22px;line-height:1.5;opacity:0}.v3 .msg.user{align-self:flex-end;background:var(--bg-3);color:var(--fg-1);border:1px solid var(--border);border-radius:16px 16px 5px;padding:15px 19px;font-weight:500;animation:vizRevealIn .5s var(--ease-out) .45s forwards}.v3 .msg.bot{align-self:flex-start;background:var(--brand-50);border:1px solid #cde7d8;border-radius:16px 16px 16px 5px;padding:20px 22px;color:var(--fg-1);animation:vizRevealIn .5s var(--ease-out) 1.35s forwards}.v3 .msg.bot .lead{font-weight:600}.v3 .quote-law{margin-top:15px;background:var(--card);border:1px solid #cde7d8;border-left:3px solid var(--brand-500);border-radius:10px;padding:15px 17px;font-size:20px;line-height:1.55;color:var(--fg-2)}.v3 .quote-law .hl{background:linear-gradient(transparent 55%,color-mix(in oklch,var(--brand-300) 60%,transparent) 55%);color:var(--fg-1);font-weight:600;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.v3 .src-label{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin:18px 0 10px}.v3 .cites{display:flex;flex-direction:column;gap:9px}.v3 .cite{display:flex;align-items:center;gap:10px;font-size:19.5px;font-weight:600;color:var(--brand-700)}.v3 .cite [data-lucide]{width:18px;height:18px;color:var(--brand-600);flex:none}.v3 .cite .ref{font-family:var(--font-mono);font-weight:700}.v3 .actions{display:flex;gap:12px;margin-top:4px;opacity:0;animation:vizRevealIn .5s var(--ease-out) 2.35s forwards}.v3 .act{display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:600;border-radius:12px;padding:16px 24px;border:1.5px solid var(--brand-500)}.v3 .act [data-lucide]{width:19px;height:19px}.v3 .act.solid{background:var(--brand-500);color:#fff}.v3 .act.ghost{background:var(--card);color:var(--brand-700)}.canvas.c4{width:1060px;height:810px}.v4{position:relative;width:100%;height:100%}.v4 .av{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border:2px solid var(--card);flex:none}.v4 .av.a1{background:var(--brand-500)}.v4 .av.a2{background:#3772bb}.v4 .av .on-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--success);border:2px solid var(--card)}.v4 .av-stack{display:flex}.v4 .av-stack .av:not(:first-child){margin-left:-8px}.v4 .sec{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);padding:16px 22px 8px}.v4 .room{display:flex;align-items:center;gap:13px;padding:18px 22px;border-top:1px solid var(--border)}.v4 .room .ic{width:42px;height:42px;border-radius:9px;background:var(--bg-3);color:var(--fg-2);display:flex;align-items:center;justify-content:center;flex:none}.v4 .room .ic [data-lucide]{width:18px;height:18px}.v4 .room .rn{font-size:23px;font-weight:600;color:var(--fg-1)}.v4 .room .by{margin-left:auto;display:flex;align-items:center;gap:10px}.v4 .room .by .who{font-size:16px;color:var(--fg-3)}.v4 .lid .room .by{margin-left:14px}.v4 .room .av.sm{width:28px;height:28px;font-size:11px}.v4 .room.live{background:color-mix(in oklch,var(--brand-50) 70%,var(--card));box-shadow:inset 3px 0 0 var(--brand-500)}.v4 .room.live.bylucas{box-shadow:inset 3px 0 #3772bb;background:color-mix(in oklch,oklch(.93 .04 255) 60%,var(--card))}.v4 .tag-live{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:#fff;border-radius:7px;padding:3px 9px;opacity:0;animation:vizTagPop .4s var(--ease-spring) .9s forwards}.v4 .tag-live.lucas{background:#3772bb}.v4 .tag-live .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:vizBlink 1.3s var(--ease-in-out) infinite}.v4 .laptop{position:absolute;left:110px;top:214px;width:660px}.v4 .lid{background:#1c2a23;border-radius:16px;padding:12px;box-shadow:0 30px 60px -24px #10241d6b}.v4 .win{background:var(--card);border-radius:8px;overflow:hidden}.v4 .win-top{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid var(--border)}.v4 .win-top .logo{width:28px;height:28px;border-radius:7px}.v4 .win-top .mission{font-size:23px;font-weight:600;letter-spacing:-.01em;color:var(--fg-1)}.v4 .win-top .mt{font-size:15px;color:var(--fg-3)}.v4 .win-top .av-stack{margin-left:auto}.v4 .win-top .av{width:30px;height:30px;font-size:12px}.v4 .base{position:relative;height:16px;margin:0 auto;width:760px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#d3d8d5,#b9c1bc);border-radius:0 0 14px 14px;box-shadow:0 14px 22px -10px #10241d4d}.v4 .base:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:7px;background:#9aa6a0;border-radius:0 0 8px 8px}.v4 .phone{position:absolute;right:150px;bottom:56px;width:300px;height:580px;z-index:5;background:var(--card);border-radius:38px;border:1px solid var(--border);box-shadow:0 2px 4px #10241d0a,0 24px 48px -16px #10241d38;overflow:hidden;display:flex;flex-direction:column}.v4 .statusbar{height:40px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:13px;font-weight:600;color:var(--fg-1)}.v4 .statusbar .sig{display:inline-flex;gap:5px;align-items:center}.v4 .p-app{flex:1;display:flex;flex-direction:column;min-height:0}.v4 .p-head{display:flex;align-items:center;gap:11px;padding:4px 16px 12px}.v4 .p-head .nm{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--fg-1)}.v4 .p-head .mt{font-size:12px;color:var(--fg-3);margin-top:1px}.v4 .p-head .av-stack{margin-left:auto}.v4 .p-head .av{width:28px;height:28px;font-size:11px}.v4 .presence{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:8;display:inline-flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:9px 18px 9px 12px;box-shadow:0 16px 32px -12px #10241d38}.v4 .presence .av-stack .av{width:34px;height:34px;font-size:13px}.v4 .presence .txt{font-size:21px;font-weight:600;color:var(--fg-1)}.v4 .presence .txt b{color:var(--brand-700)}@keyframes vizCrackIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes vizRingIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes vizLblIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}@keyframes vizRevealIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes vizTagPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes vizBlink{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.prod *{animation:none!important}.v1 .field,.v2 .anim,.v3 .msg,.v3 .actions,.v4 .tag-live{opacity:1!important;transform:none!important}}
