1import{c as i,r as b,j as e,P as p,d as r,l as j,v as m,M,w as y,n as A,p as B,o as k,H as T,x as P,X as F,y as L,G as R,m as D}from"./index-Cq3E1ZFn.js";import{S as N}from"./shield-DdFqECs3.js";import{L as G,E as z}from"./lock-Cy0PS9Ag.js";import{R as C}from"./radio-Cs-56pLy.js";import{M as H}from"./map-pin-Cz49sAjn.js";import{D as W}from"./download-CuCjDHE6.js";import{Z as O}from"./zap-NqQbM-Hh.js";/** 2 * @license lucide-react v0.453.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const q=i("Bell",[["path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9",key:"1qo2s2"}],["path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0",key:"qgo35s"}]]);/** 7 * @license lucide-react v0.453.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const U=i("Bookmark",[["path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z",key:"1fy3hk"}]]);/** 12 * @license lucide-react v0.453.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const _=i("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]);/** 17 * @license lucide-react v0.453.0 - ISC 18 * 19 * This source code is licensed under the ISC license. 20 * See the LICENSE file in the root directory of this source tree. 21 */const V=i("CircleCheckBig",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);/** 22 * @license lucide-react v0.453.0 - ISC 23 * 24 * This source code is licensed under the ISC license. 25 * See the LICENSE file in the root directory of this source tree. 26 */const Z=i("Copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);/** 27 * @license lucide-react v0.453.0 - ISC 28 * 29 * This source code is licensed under the ISC license. 30 * See the LICENSE file in the root directory of this source tree. 31 */const J=i("Ellipsis",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]]);/** 32 * @license lucide-react v0.453.0 - ISC 33 * 34 * This source code is licensed under the ISC license. 35 * See the LICENSE file in the root directory of this source tree. 36 */const Y=i("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);/** 37 * @license lucide-react v0.453.0 - ISC 38 * 39 * This source code is licensed under the ISC license. 40 * See the LICENSE file in the root directory of this source tree. 41 */const $=i("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]);/** 42 * @license lucide-react v0.453.0 - ISC 43 * 44 * This source code is licensed under the ISC license. 45 * See the LICENSE file in the root directory of this source tree. 46 */const K=i("Headphones",[["path",{d:"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",key:"1xhozi"}]]);/** 47 * @license lucide-react v0.453.0 - ISC 48 * 49 * This source code is licensed under the ISC license. 50 * See the LICENSE file in the root directory of this source tree. 51 */const X=i("Heart",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]]);/** 52 * @license lucide-react v0.453.0 - ISC 53 * 54 * This source code is licensed under the ISC license. 55 * See the LICENSE file in the root directory of this source tree. 56 */const Q=i("MessageSquare",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);/** 57 * @license lucide-react v0.453.0 - ISC 58 * 59 * This source code is licensed under the ISC license. 60 * See the LICENSE file in the root directory of this source tree. 61 */const ee=i("PenLine",[["path",{d:"M12 20h9",key:"t2du7b"}],["path",{d:"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z",key:"1ykcvy"}]]);/** 62 * @license lucide-react v0.453.0 - ISC 63 * 64 * This source code is licensed under the ISC license. 65 * See the LICENSE file in the root directory of this source tree. 66 */const se=i("PhoneCall",[["path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",key:"foiqr5"}],["path",{d:"M14.05 2a9 9 0 0 1 8 7.94",key:"vmijpz"}],["path",{d:"M14.05 6A5 5 0 0 1 18 10",key:"13nbpp"}]]);/** 67 * @license lucide-react v0.453.0 - ISC 68 * 69 * This source code is licensed under the ISC license. 70 * See the LICENSE file in the root directory of this source tree. 71 */const v=i("Play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);/** 72 * @license lucide-react v0.453.0 - ISC 73 * 74 * This source code is licensed under the ISC license. 75 * See the LICENSE file in the root directory of this source tree. 76 */const te=i("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);/** 77 * @license lucide-react v0.453.0 - ISC 78 * 79 * This source code is licensed under the ISC license. 80 * See the LICENSE file in the root directory of this source tree. 81 */const S=i("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/** 82 * @license lucide-react v0.453.0 - ISC 83 * 84 * This source code is licensed under the ISC license. 85 * See the LICENSE file in the root directory of this source tree. 86 */const ae=i("Send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]);/** 87 * @license lucide-react v0.453.0 - ISC 88 * 89 * This source code is licensed under the ISC license. 90 * See the LICENSE file in the root directory of this source tree. 91 */const ie=i("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/** 92 * @license lucide-react v0.453.0 - ISC 93 * 94 * This source code is licensed under the ISC license. 95 * See the LICENSE file in the root directory of this source tree. 96 */const ce=i("Share2",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]);/** 97 * @license lucide-react v0.453.0 - ISC 98 * 99 * This source code is licensed under the ISC license. 100 * See the LICENSE file in the root directory of this source tree.
101 */const le=i("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/** 102 * @license lucide-react v0.453.0 - ISC 103 * 104 * This source code is licensed under the ISC license. 105 * See the LICENSE file in the root directory of this source tree. 106 */const ne=i("Upload",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"17 8 12 3 7 8",key:"t8dd8p"}],["line",{x1:"12",x2:"12",y1:"3",y2:"15",key:"widbto"}]]);/** 107 * @license lucide-react v0.453.0 - ISC 108 * 109 * This source code is licensed under the ISC license. 110 * See the LICENSE file in the root directory of this source tree. 111 */const re=i("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);/** 112 * @license lucide-react v0.453.0 - ISC 113 * 114 * This source code is licensed under the ISC license. 115 * See the LICENSE file in the root directory of this source tree. 116 */const de=i("Volume2",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]]),x="/manus-storage/ChatGPTImageJun16,2026,02_27_29PM_02b4896f.png",h="/manus-storage/front-desk_79503cf4.png";function l({children:a,variant:o="default",className:c=""}){const n={default:"px-6 py-3 text-sm",large:"px-8 py-4 text-base",pill:"px-5 py-2.5 text-xs"};return e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:33",className:` 117 relative inline-flex items-center gap-2 rounded-full font-medium text-white 118 ${n[o]} 119 backdrop-blur-[20px] saturate-[1.8] 120 border border-white/[0.15] 121 transition-all duration-200 122 hover:border-white/[0.25] hover:bg-white/[0.08] 123 active:border-white/[0.35] active:bg-white/[0.12] active:scale-[0.97] 124 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30 focus-visible:ring-offset-2 focus-visible:ring-offset-black 125 ${c} 126 `,style:{background:"linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%)",boxShadow:"0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(255,255,255,0.05)"},children:a})}function d({children:a,className:o="",intensity:c="medium"}){const n={light:"12px",medium:"20px",heavy:"40px"},g={light:"0.04",medium:"0.06",heavy:"0.10"};return e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:61",className:`relative rounded-[20px] border border-white/[0.08] overflow-hidden ${o}`,style:{background:`linear-gradient(135deg, rgba(255,255,255,${g[c]}) 0%, rgba(255,255,255,0.02) 100%)`,backdropFilter:`blur(${n[c]}) saturate(1.8)`,WebkitBackdropFilter:`blur(${n[c]}) saturate(1.8)`,boxShadow:"0 8px 32px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.08)"},children:a})}function u({children:a,label:o}){const[c,n]=b.useState(!1);return e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:76",className:"bg-[#0B1B35] rounded-[20px] p-8 relative overflow-hidden",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:77",className:"flex items-center justify-between mb-6",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:78",className:"text-white text-sm font-semibold",children:o}),e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:79",onClick:()=>n(!c),className:"px-4 py-1.5 rounded-full text-xs font-medium bg-white/5 border border-white/10 text-[#AAB7C8] hover:text-white hover:bg-white/10 transition-all",children:c?"Re
126set":"Play"})]}),c?a:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:87",className:"flex items-center justify-center min-h-[120px] text-[#AAB7C8] text-sm",children:'Click "Play" to see animation'})]})}function fe(){const[a,o]=b.useState("philosophy"),[c,n]=b.useState("glass"),g=[{id:"philosophy",label:"Philosophy"},{id:"colors",label:"Colors"},{id:"typography",label:"Typography"},{id:"glass",label:"Liquid Glass"},{id:"components",label:"Components"},{id:"icons",label:"Icons"},{id:"imagery",label:"Imagery"},{id:"layout",label:"Layout"},{id:"motion",label:"Motion"},{id:"patterns",label:"Patterns"},{id:"responsive",label:"Responsive"},{id:"accessibility",label:"Accessibility"}];return e.jsxs("main",{"data-loc":"client/src/pages/Design.tsx:115",className:"min-h-screen ds-bg-page text-white",children:[e.jsx("section",{"data-loc":"client/src/pages/Design.tsx:117",className:"pt-24 pb-16 px-6",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:118",className:"max-w-[1200px] mx-auto",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:119",className:"text-[13px] tracking-[0.2em] uppercase text-[#AAB7C8] mb-6",children:"Design System v4.0"}),e.jsxs("h1",{"data-loc":"client/src/pages/Design.tsx:120",className:"text-[clamp(48px,7vw,96px)] leading-[1.15] tracking-[-0.04em] mb-8",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic",background:"linear-gradient(135deg, #B0B0B8 0%, #FFFFFF 30%, #6CB4EE 60%, #1E5BFF 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:["DeskOfficer",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:133"}),"Design System."]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:135",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[680px]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:136",className:"text-white font-semibold",children:"Apple-inspired with Liquid Glass."})," ","True black foundations. Metallic gradient headlines. Liquid glass overlays. Bento grid layouts. Every pixel serves the mission."]})]})}),e.jsx("nav",{"data-loc":"client/src/pages/Design.tsx:143",className:"sticky top-0 z-50 border-b border-white/5",style:{background:"rgba(0,0,0,0.92)",backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:144",className:"max-w-[1200px] mx-auto px-6 py-4",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:145",className:"flex flex-wrap items-center gap-1.5",children:g.map(s=>e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:147",onClick:()=>
126o(s.id),className:`px-4 py-2 rounded-lg text-[13px] font-medium whitespace-nowrap transition-all duration-200 ${a===s.id?"bg-[#1E5BFF]/15 text-[#1E5BFF] border border-[#1E5BFF]/20":"text-[#AAB7C8] hover:text-white hover:bg-white/5 border border-transparent"}`,children:s.label},s.id))})})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:164",className:"max-w-[1200px] mx-auto px-6 py-16 space-y-32",children:[a==="philosophy"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:168",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:169",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:170",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Core Principles"}),e.jsx("h2",{"data-loc":"client/src/pages/Design.tsx:171",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Less, but better."}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:174",className:"grid md:grid-cols-2 gap-16 mt-16",children:[{num:"01",title:"True Black Canvas",desc:"Pure #000000. Not near-black, not charcoal. The absence of light creates infinite depth for content to float within."},{num:"02",title:"Liquid Glass Surfaces",desc:"Translucent panels with backdrop blur that let the environment bleed through. No opaque containers â everything breathes."},{num:"03",title:"Metallic Typography",desc:"Headlines carry material quality through gradient fills. Silver-to-blue shifts that catch light like brushed aluminum."},{num:"04",title:"Minimal Blue Signal",desc:"#1E5BFF used exclusively for interactive elements and status. One accent color, used with absolute precision."}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:181",className:"border-t border-[#3A3A3C] pt-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:182",className:"text-[#1E5BFF] text-sm font-mono mb-4",children:s.num}),e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:183",className:"text-white text-xl font-semibold mb-3",children:s.title}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:184",className:"text-[#AAB7C8] text-[15px] leading-[1.6]",children:s.desc})]},s.num))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:190",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:191",className:"text-white text-xl font-semibold mb-8",children:"Art Direction Rules"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:192",className:"grid md:grid-cols-3 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:193",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:194",className:"text-[#1E5BFF] text-xs font-semibold uppercase tracking-wider mb-3",children:"Lighting"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:195",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Cool blue key light from above-left. Warm amber fill from monitors/screens. Deep shadows, never flat-lit."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:197",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:198",className:"text-[#30D158] text-xs font-semibold uppercase tracking-wider mb-3",children:"Composition"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:199",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Off-center subjects. Depth through foreground blur. Negative space on the text side. Never centered symmetry."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:201",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:202",className:"text-[#BF5AF2] text-xs font-semibold uppercase tracking-wider mb-3",children:"Color Temperature"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:203",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Dominant: deep navy/charcoal. Accent: blue (#1E5BFF) from screens. Warmth: amber (#FF9F0A) from practical lights only."})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:206",className:"grid md:grid-cols-2 gap-4 mt-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:207",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:208",className:"text-[#FFD60A] text-xs font-semibold uppercase tracking-wider mb-3",children:"Scrim Rules"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:209",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Always use page-matched #000000 gradients, never neutral gray. Tight coverage (30-40% of card). Image should feel like it emerges from the page, not covered by a film."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:211",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:212",className:"text-[#FF453A] text-xs font-semibold uppercase tracking-wider mb-3",children:"Forbidden"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:213",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"No stock photography. No flat lighting. No white/light backgrounds. No centered-subject compositions. No rgba(0,0,0) scrims."})]})]})]})]}),a==="colors"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:222",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:223",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:224",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Color System"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:225",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Black. White. Blue.",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:226"}),"Nothing else."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:230",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:231",className:"text-white text-xl font-semibold mb-8",children:"Core Palette"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:232",className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[{color:"#000000",name:"True Black",usage:"Canvas, backgrounds"},{color:"#0B1B35",name:"Surface",usage:"Cards, panels"},{color:"#2C2C2E",name:"Elevated",usage:"Hover states, borders"},{color:"#3A3A3C",name:"Separator",usage:"Dividers, outlines"}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:239",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:240",className:"aspect-square rounded-[16px] mb-3 border border-white/5",style:{background:s.
126color}}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:241",className:"text-white text-sm font-medium",children:s.name}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:242",className:"text-[#AAB7C8] text-xs font-mono",children:s.color}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:243",className:"text-[#AAB7C8] text-xs mt-1",children:s.usage})]},t))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:249",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:250",className:"text-white text-xl font-semibold mb-8",children:"Text Hierarchy"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:251",className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[{color:"#FFFFFF",name:"Primary",usage:"Headlines, key text"},{color:"#E5E5EA",name:"Secondary",usage:"Body text"},{color:"#AAB7C8",name:"Tertiary",usage:"Captions, labels"},{color:"#48484A",name:"Quaternary",usage:"Disabled, hints"}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:258",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:259",className:"aspect-square rounded-[16px] mb-3 border border-white/10 flex items-center justify-center",style:{background:"#0B1B35"},children:e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:260",className:"text-2xl font-semibold",style:{color:s.color},children:"Aa"})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:262",className:"text-white text-sm font-medium",children:s.name}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:263",className:"text-[#AAB7C8] text-xs font-mono",children:s.color}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:264",className:"text-[#AAB7C8] text-xs mt-1",children:s.usage})]},t))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:270",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:271",className:"text-white text-xl font-semibold mb-8",children:"Accent & Signal Colors"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:272",className:"grid grid-cols-2 md:grid-cols-5 gap-4",children:[{color:"#1E5BFF",name:"Blue",usage:"Primary CTA, links"},{color:"#30D158",name:"Green",usage:"Success, resolved"},{color:"#FF453A",name:"Red",usage:"Error, critical"},{color:"#FFD60A",name:"Yellow",usage:"Warning, attention"},{color:"#BF5AF2",name:"Purple",usage:"AI, intelligence"}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:280",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:281",className:"aspect-[4/3] rounded-[16px] mb-3",style:{background:s.color}}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:282",className:"text-white text-sm font-medium",children:s.name}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:283",className:"text-[#AAB7C8] text-xs font-mono",children:s.color}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:284",className:"text-[#AAB7C8] text-xs mt-1",children:s.usage})]},t))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:290",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:291",className:"text-white text-xl font-semibold mb-8",children:"Glass Opacity Scale"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:292",className:"relative rounded-[20px] overflow-hidden",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:293",src:x,alt:"",className:"w-full h-[300px] object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:294",className:"absolute inset-0 flex",children:[{opacity:"0.04",label:"Light"},{opacity:"0.08",label:"Medium"},{opacity:"0.12",label:"Heavy"},{opacity:"0.20",label:"Solid"}].map((s,t)=>e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:301",className:"flex-1 flex items-end p-4 border-r border-white/10 last:border-0",style:{background:`rgba(255,255,255,${s.opacity})`,backdropFilter:"blur(20px)",WebkitBackdropFilter:"blur(20px)"},children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:302",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:303",className:"text-white text-xs font-semibold",children:s.label}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:304",className:"text-white/60 text-[10px] font-mono",children:s.opacity})]})},t))})]})]})]}),a==="typography"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:316",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:317",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:318",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Typography"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:319",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Dual font system.",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:320"}),"Tension by design."]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:322",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:323",className:"text-white font-semibold",children:"Playfair Display Italic for emotional impact."})," ","Instrument Sans for functional clarity. The contrast between elegant serif and clean sans creates a brand tension that feels both authoritative and modern."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:328",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:329",className:"text-white text-xl font-semibold mb-8",children:"Display: Playfair Display Italic"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:330",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:331",className:"text-[64px] leading-[0.92] tracking-[-0.03em]",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic",background:"linear-gradient(135deg, #B0B0B8 0%, #FFFFFF 3
1260%, #6CB4EE 60%, #1E5BFF 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:"Every call answered."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:334",className:"text-[48px] leading-[0.96] tracking-[-0.02em] text-white",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Meet Charlie, your AI desk officer."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:337",className:"text-[32px] leading-[1.1] tracking-[-0.01em] text-white/80",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:300,fontStyle:"italic"},children:"Trusted by agencies across America."}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:340",className:"pt-6 border-t border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:341",className:"text-xs text-[#AAB7C8] font-mono",children:"Usage: Hero headlines, section openers, emotional statements, pull quotes"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:342",className:"text-xs text-[#AAB7C8] font-mono mt-1",children:"Weights: 300 (Light), 400 (Regular) â always italic"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:347",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:348",className:"text-white text-xl font-semibold mb-8",children:"UI: Instrument Sans"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:349",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-6",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:350",className:"text-[28px] font-semibold text-white",children:"Non-Emergency Call Handling"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:351",className:"text-[21px] text-white/90",children:"DeskOfficer helps public safety agencies measure, improve, and automate routine caller experiences."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:352",className:"text-[17px] text-[#AAB7C8]",children:"Our AI understands CJIS protocols, local ordinances, and department-specific procedures, delivering responses that callers trust."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:353",className:"text-[15px] text-[#AAB7C8]",children:"Average response time: 1.8 seconds ⢠Resolution rate: 98.7%"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:354",className:"text-[13px] tracking-[0.1em] uppercase text-[#AAB7C8]",children:"SECTION LABEL ⢠EYEBROW TEXT"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:355",className:"pt-6 border-t border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:356",className:"text-xs text-[#AAB7C8] font-mono",children:"Usage: Body text, UI labels, buttons, navigation, descriptions, stats"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:357",className:"text-xs text-[#AAB7C8] font-mono mt-1",children:"Weights: 400 (Regular), 500 (Medium), 600 (Semibold), 700 (Bold)"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:362",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:363",className:"text-white text-xl font-semibold mb-8",children:"Tagline (Blue All-Caps)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:364",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:365",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF]",children:"24/7 CALL HANDLING FOR PUBLIC SAFETY"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:366",className:"text-[11px] tracking-[0.25em] uppercase text-[#1E5BFF]",children:"NON-EMERGENCY LINES ⢠FRONT DESK ⢠JAIL ADMINISTRATION"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:367",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF]/60",children:"SECTION LABEL (MUTED VARIANT)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:368",className:"pt-6 border-t border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:369",className:"text-xs text-[#AAB7C8] font-mono",children:"Usage: Section eyebrows, category labels, hero taglines, navigation breadcrumbs"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:370",className:"text-xs text-[#AAB7C8] font-mono mt-1",children:"Specs: 11â13px ⢠Tracking: 0.2â0.25em ⢠Transform: uppercase ⢠Color: #1E5BFF (or /60 muted)"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:371",className:"text-xs text-[#AAB7C8] font-mono mt-1",children:"Class: ds-eyebrow (13px) or ds-tagline (11px)"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:376",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:377",className:"text-white text-xl font-semibold mb-8",children:"Mixed-Weight Paragraphs (Apple Style)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:378",className:"bg-[#0B1B35] rounded-[20px] p-10",children:[e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:379",className:"text-[21px] leading-[1.6] text-[#AAB7C8] max-w-[720px]",children:["DeskOfficer handles ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:380",className:"text-white font-semibold",children:"every non-emergency and administrative call"})," â 24 hours a day, 7 days a week â so your dispatchers can focus on what matters most. Our AI understands ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:380",className:"text-white font-semibold",children:"CJIS protocols, local ordinances, and department-specific procedures"}),", delivering responses that callers trust."]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:382",className:"pt-6 mt-6 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:383",className:"text-xs text-[#AAB7C8] font-mono",children:"Pattern: Gray body text with white bold for key phrases. Creates scannable hierarchy within paragraphs."})})]})]})]}),a==="glass"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:392",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:393",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:394",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Liquid Glass"}),e.jsx("h2",{"data-loc":"client/src/pages/Design.tsx:395",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Glass that breathes."}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:398",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:399",className:"text-white font-semibold",children:"Translucent surfaces with depth and material quality."})," ","Inspired by Apple's Liquid Glass. Panels blur the environment behind them, creating layered depth without opacity walls. No blue hue â neutral glass only."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:405",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:406",className:"text-white text-xl font-semibold mb-8",children:"Glass Buttons"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:407",className:"relative rounded-[20px] overflow-hidden min-h-[320px]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:408",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:409",className:"absolute inset-0 bg-black/30"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:410",className:"relative z-10 p-10 flex flex-col gap-6 justify-center min-h-[320px]",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:411",className:"flex flex-wrap items-center gap-4",children:[e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:412",variant:"large",children:[e.jsx(v,{"data-loc":"client/src/pages/Design.tsx:413",className:"w-4 h-4"})," Watch Demo"]}),e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:415",variant:"large",children:[e.jsx(p,{"data-loc":"client/src/pages/Design.tsx:416",className:"w-4 h-4"})," Schedule Call"]}),e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:418",variant:"default",children:["Learn More ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:419",className:"w-4 h-4"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:422",className:"flex flex-wrap items-center gap-3",children:[e.jsx(l,{"data-loc":"client/src/pages/Design.tsx:423",variant:"pill",children:"Non-Emergency"}),e.jsx(l,{"data-loc":"client/src/pages/Design.tsx:424",variant:"pill",children:"Front Desk"}),e.jsx(l,{"data-loc":"client/src/pages/Design.tsx:425",variant:"pill",children:"Jail Admin"})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:427",className:"pt-4 mt-4 border-t border-white/10",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:428",className:"text-white/60 text-xs font-mono",children:"backdrop-blur: 20px ⢠saturate: 1.8 ⢠bg: linear-gradient white 8%â2% ⢠border: white/15%"})})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:435",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:436",className:"text-white text-xl font-semibold mb-8",children:"Glass Panels"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:437",className:"relative rounded-[20px] overflow-hidden min-h-[480px]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:438",src:h,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:439",className:"absolute inset-0 bg-black/20"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:440",className:"relative z-10 p-10 grid md:grid-cols-3 gap-4 min-h-[480px] items-center",children:[e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:441",intensity:"light",className:"p-6",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:442",className:"text-[#1E5BFF] text-xs font-semibold uppercase tracking-wider mb-3",children:"Light"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:443",className:"text-white text-lg font-semibold mb-2",children:"Subtle overlay"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:444",className:"text-white/70 text-sm",children:"blur: 12px, bg: 4% white. For content that needs minimal separation from background."})]}),e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:446",intensity:"medium",className:"p-6",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:447",className:"text-[#1E5BFF] text-xs font-semibold uppercase tracking-wider mb-3",children:"Medium"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:448",className:"text-white text-lg font-semibold mb-2",children:"Standard panel"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:449",className:"text-white/70 text-sm",children:"blur: 20px, bg: 6% white. Default for cards, modals, and floating UI."})]}),e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:451",intensity:"heavy",className:"p-6",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:452",className:"text-[#1E5BFF] text-xs font-semibold uppercase tracking-wider mb-3",children:"Heavy"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:453",className:"text-white text-lg font-semibold mb-2",children:"Dense overlay"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:454",className:"text-white/70 text-sm",children:"blur: 40px, bg: 10% white. For navigation bars, critical UI that needs strong readability."})]})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:461",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:462",className:"text-white text-xl font-semibold mb-8",children:"Glass Cards in Context"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:463",className:"relative rounded-[20px] overflow-hidden",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:464",className:"absolute inset-0",style:{background:"linear-gradient(135deg, #0a1628 0%, #000000 50%, #0a0a1a 100%)"}}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:465",className:"relative z-10 p-10",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:466",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:467",intensity:"medium",className:"p-8",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:468",className:"w-12 h-12 rounded-full bg-[#1E5BFF]/10 flex items-center justify-center mb-5",children:e.jsx(p,{"data-loc":"client/src/pages/Design.tsx:469",className:"w-6 h-6 text-[#1E5BFF]"})}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:471",className:"text-white text-xl font-semibold mb-3",children:"Non-Emergency Lines"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:472",className:"text-white/60 text-[15px] leading-[1.6] mb-6",children:"Handle routine calls 24/7 without burdening dispatch staff. AI-powered response with real-time context."}),e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:473",variant:"default",children:["Learn More ",e.jsx(j,{"data-loc":"client/src/pages/Design.tsx:474",className:"w-4 h-4"})]})]}),e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:477",intensity:"medium",className:"p-8",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:478",className:"w-12 h-12 rounded-full bg-[#30D158]/10 flex items-center justify-center mb-5",children:e.jsx(N,{"data-loc":"client/src/pages/Design.tsx:479",className:"w-6 h-6 text-[#30D158]"})}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:481",className:"text-white text-xl font-semibold mb-3",children:"Front Desk Support"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:482",className:"text-white/60 text-[15px] leading-[1.6] mb-6",children:"Professional AI receptionist for walk-in and phone inquiries. Always available, always consistent."}),e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:483",variant:"default",children:["Learn More ",e.jsx(j,{"data-loc":"client/src/pages/Design.tsx:484",className:"w-4 h-4"})]})]})]})})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:493",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:494",className:"text-white text-xl font-semibold mb-8",children:"Implementation Spec"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:495",className:"bg-[#0B1B35] rounded-[20px] p-10",children:e.jsx("pre",{"data-loc":"client/src/pages/Design.tsx:496",className:"text-[13px] font-mono text-[#AAB7C8] leading-relaxed overflow-x-auto",children:`.liquid-glass { 127 /* Base glass effect â NO blue hue */ 128 background: linear-gradient( 129 135deg, 130 rgba(255, 255, 255, 0.06) 0%, 131 rgba(255, 255, 255, 0.02) 100% 132 ); 133 backdrop-filter: blur(20px) saturate(1.8); 134 -webkit-backdrop-filter: blur(20px) saturate(1.8); 135 border: 1px solid rgba(255, 255, 255, 0.08); 136 border-radius: 20px; 137 box-shadow: 138 0 8px 32px rgba(0, 0, 0, 0.3), 139 inset 0 1px 0 rgba(255, 255, 255, 0.08); 140} 141 142.liquid-glass-button { 143 /* Button variant â tighter radius */ 144 background: linear-gradient( 145 135deg, 146 rgba(255, 255, 255, 0.08) 0%, 147 rgba(255, 255, 255, 0.02) 100% 148 ); 149 backdrop-filter: blur(20px) saturate(1.8); 150 border: 1px solid rgba(255, 255, 255, 0.15); 151 border-radius: 9999px; 152 box-shadow: 153 0 8px 32px rgba(0, 0, 0, 0.4), 154 inset 0 1px 0 rgba(255, 255, 255, 0.1), 155 inset 0 -1px 0 rgba(255, 255, 255, 0.05); 156 transition: all 300ms ease; 157} 158 159.liquid-glass-button:hover { 160 border-color: rgba(255, 255, 255, 0.25); 161 background: rgba(255, 255, 255, 0.08); 162}`})})]})]}),a==="components"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:540",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:541",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:542",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Components"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:543",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Minimal parts.",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:544"}),"Maximum impact."]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:547",className:"flex items-center gap-2 mt-12 mb-16 overflow-x-auto pb-2",children:[{id:"glass",label:"Glass Elements"},{id:"buttons",label:"Buttons"},{id:"pills",label:"Pills & Tab
162s"},{id:"cards",label:"Bento Cards"},{id:"inputs",label:"Inputs"},{id:"stats",label:"Stat Blocks"}].map(s=>e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:556",onClick:()=>n(s.id),className:`px-5 py-2.5 rounded-full text-sm font-medium whitespace-nowrap transition-all border ${c===s.id?"bg-white/10 text-white border-white/15":"text-[#AAB7C8] hover:text-white hover:bg-white/5 border-transparent"}`,children:s.label},s.id))})]}),c==="glass"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:573",className:"space-y-16",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:574",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:575",className:"text-white text-xl font-semibold mb-8",children:"Liquid Glass Navigation Bar"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:576",className:"relative rounded-[20px] overflow-hidden min-h-[200px]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:577",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:578",className:"relative z-10 p-6",children:e.jsx(d,{"data-loc":"client/src/pages/Design.tsx:579",intensity:"heavy",className:"px-6 py-4 !rounded-full",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:580",className:"flex items-center justify-between",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:581",className:"flex items-center gap-6",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:582",className:"text-white font-bold text-sm tracking-tight",children:"DESK OFFICER"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:583",className:"flex items-center gap-4",children:["Solutions","Platform","Company"].map(s=>e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:585",className:"text-white/70 text-sm cursor-pointer transition-all duration-200 hover:text-white active:text-white/50",children:s},s))})]}),e.jsx(l,{"data-loc":"client/src/pages/Design.tsx:589",variant:"pill",children:"Get Started"})]})})})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:594",className:"mt-4 p-4 rounded-[12px] bg-[#111113] border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:595",className:"text-xs text-[#AAB7C8] font-mono",children:"Nav links: white/70 â hover: white â active: white/50. Glass button: see Buttons tab. No positional shift on hover."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:600",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:601",className:"text-white text-xl font-semibold mb-8",children:"Liquid Glass Card States"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:602",className:"flex flex-wrap gap-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:603",className:"flex flex-col items-center gap-3",children:[e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:604",intensity:"medium",className:"p-5 w-[200px] cursor-pointer",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:605",className:"text-white text-sm font-semibold mb-1",children:"Default"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:606",className:"text-white/60 text-xs",children:"Rest state"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:608",className:"text-[10px] text-[#48484A] font-mono",children:"Rest"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:610",className:"flex flex-col items-center gap-3",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:611",className:"relative rounded-[20px] border border-white/[0.15] overflow-hidden p-5 w-[200px] cursor-pointer",style:{background:"linear-gradient(135deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.03) 100%)",backdropFilter:"blur(20px) saturate(1.8)",WebkitBackdropFilter:"blur(20px) saturate(1.8)",boxShadow:"0 8px 32px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.12)"},children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:612",className:"text-white text-sm font-semibold mb-1",children:"Hovered"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:613",className:"text-white/60 text-xs",children:"Border brightens"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:615",className:"text-[10px] text-[#48484A] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:617",className:"flex flex-col items-center gap-3",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:618",className:"relative rounded-[20px] border border-white/[0.20] overflow-hidden p-5 w-[200px] cursor-pointer scale-[0.98]",style:{background:"linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.04) 100%)",backdropFilter:"blur(20px) saturate(1.8)",WebkitBackdropFilter:"blur(20px) saturate(1.8)",boxShadow:"0 4px 16px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.15)"},children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:619",className:"text-white text-sm font-semibold mb-1",children:"Pressed"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:620",className:"text-white/60 text-xs",children:"Scale + brighten"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:622",className:"text-[10px] text-[#48484A] font-mono",children:"Active"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:625",className:"mt-4 p-4 rounded-[12px] bg-[#111113] border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:626",className:"text-xs text-[#AAB7C8] font-mono",children:"Hover: border white/15, bg +3%. Active: border white/20, bg +6%, scale(0.98), shadow tightens. No vertical lift â only subtle scale."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:630",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:631",className:"text-white text-xl font-semibold mb-8",children:"Liquid Glass Tooltip / Popover"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:632",className:"flex items-center gap-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:633",className:"relative",children:[e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:634",intensity:"medium",className:"p-5 max-w-[280px]",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:635",className:"text-white text-sm font-semibold mb-1",children:"CJIS Compliant"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:636",className:"text-white/60 text-xs leading-relaxed",children:"All data handling meets Criminal Justice Information Services security standards."})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:638",className:"absolute -bottom-2 left-8 w-4 h-4 rotate-45 border-b border-r border-white/[0.08]",style:{background:"rgba(255,255,255,0.06)",backdropFilter:"blur(20px)",WebkitBackdropFilter:"blur(20px)"}})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:640",className:"relative",children:e.jsx(d,{"data-loc":"client/src/pages/Design.tsx:641",intensity:"light",className:"p-4 max-w-[220px]",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:642",className:"flex items-center gap-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:643",className:"w-8 h-8 rounded-full bg-[#30D158]/10 flex items-center justify-center",children:e.jsx(V,{"data-loc":"client/src/pages/Design.tsx:644",className:"w-4 h-4 text-[#30D158]"})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:646",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:647",className:"text-white text-xs font-medium",children:"Call Resolved"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:648",className:"text-white/50 text-[10px]",children:"2m 34s ⢠No escalation"})]})]})})})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:654",className:"mt-4 p-4 rounded-[12px] bg-[#111113] border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:655",className:"text-xs text-[#AAB7C8] font-mono",children:"Tooltips/popovers: appear with opacity 0â1 + translateY(4pxâ0). Dismiss: reverse. No hover states on tooltips themselves."})})]})]}),c==="buttons"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:663",className:"space-y-16",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:665",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:666",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Primary Button (Blue)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:667",className:"flex flex-wrap items-center gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:668",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:669",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#1E5BFF] text-white text-sm font-semibold transition-all duration-200 hover:bg-[#2180DB] hover:shadow-[0_0_20px_rgba(41,151,255,0.3)] active:bg-[#1A6BC0] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1E5BFF] focus-visible:ring-offset-2 focus-visible:ring-offset-[#0B1B35]",children:["Get Started ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:669",className:"w-4 h-4"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:670",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Default"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:672",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:673",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#2180DB] text-white text-sm font-semibold shadow-[0_0_20px_rgba(41,151,255,0.3)]",children:["Get Started ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:673",className:"w-4 h-4"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:674",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:676",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:677",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#1A6BC0] text-white text-sm font-semibold scale-[0.97]",children:["Get Started ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:677",className:"w-4 h-4"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:678",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Active"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:680",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:681",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#1E5BFF] text-white text-sm font-semibold ring-2 ring-[#1E5BFF] ring-offset-2 ring-offset-[#0B1B35]",children:["Get Started ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:681",className:"w-4 h-4"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:682",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Focus"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:684",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:685",disabled:!0,className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#1E5BFF]/30 text-white/40 text-sm font-semibold cursor-not-allowed",children:["Get Started ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:685",className:"w-4 h-4"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:686",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Disabled"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:689",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:690",className:"text-xs text-[#AAB7C8] font-mono",children:"Hover: darken 10%, add blue glow. Active: darken 20%, scale(0.97). Focus: 2px ring offset. Disabled: 30% opacity, no pointer."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:695",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:696",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Secondary Button (White)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:697",className:"flex flex-wrap items-center gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:698",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:699",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-white text-black text-sm font-semibold transition-all duration-200 hover:bg-[#
162E8E8ED] active:bg-[#D1D1D6] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-[#0B1B35]",children:"Learn More"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:700",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Default"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:702",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:703",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#E8E8ED] text-black text-sm font-semibold",children:"Learn More"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:704",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:706",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:707",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-[#D1D1D6] text-black text-sm font-semibold scale-[0.97]",children:"Learn More"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:708",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Active"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:710",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:711",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-white text-black text-sm font-semibold ring-2 ring-white ring-offset-2 ring-offset-[#0B1B35]",children:"Learn More"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:712",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Focus"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:714",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:715",disabled:!0,className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full bg-white/20 text-white/30 text-sm font-semibold cursor-not-allowed",children:"Learn More"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:716",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Disabled"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:719",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:720",className:"text-xs text-[#AAB7C8] font-mono",children:"Hover: bg #E8E8ED. Active: bg #D1D1D6, scale(0.97). Focus: 2px white ring. Disabled: 20% white bg, 30% text."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:725",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:726",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Ghost Button (Outline)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:727",className:"flex flex-wrap items-center gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:728",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:729",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full border border-[#3A3A3C] text-white text-sm font-medium transition-all duration-200 hover:border-[#636366] hover:bg-white/[0.04] active:border-[#AAB7C8] active:bg-white/[0.08] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#636366] focus-visible:ring-offset-2 focus-visible:ring-offset-[#0B1B35]",children:"Contact Sales"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:730",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Default"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:732",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:733",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full border border-[#636366] bg-white/[0.04] text-white text-sm font-medium",children:"Contact Sales"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:734",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:736",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:737",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full border border-[#AAB7C8] bg-white/[0.08] text-white text-sm font-medium scale-[0.97]",children:"Contact Sales"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:738",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Active"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:740",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:741",className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full border border-[#3A3A3C] text-white text-sm font-medium ring-2 ring-[#636366] ring-offset-2 ring-offset-[#0B1B35]",children:"Contact Sales"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:742",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Focus"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:744",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:745",disabled:!0,className:"inline-flex items-center gap-2 px-7 py-3.5 rounded-full border border-white/10 text-white/25 text-sm font-medium cursor-not-allowed",children:"Contact Sales"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:746",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Disabled"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:749",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:750",className:"text-xs text-[#AAB7C8] font-mono",children:"Hover: border brightens to #636366, subtle 4% white bg. Active: border #AAB7C8, 8% bg, scale(0.97). Disabled: 10% border, 25% text."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:755",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:756",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Glass Buttons (on imagery)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:757",className:"relative rounded-[16px] overflow-hidden p-8 min-h-[120px]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:758",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:759",className:"absolute inset-0 bg-black/40"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:760",className:"relative z-10 flex flex-wrap items-center gap-4",children:[e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:761",variant:"large",children:[e.jsx(v,{"data-loc":"client/src/pages/Design.tsx:761",className:"w-4 h-4"})," Watch Demo"]}),e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:762",variant:"default",children:["Schedule Call ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:762",className:"w-4 h-4"})]}),e.jsx(l,{"data-loc":"client/src/pages/Design.tsx:763",variant:"pill",children:"Learn More"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:766",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:767",className:"text-xs text-[#AAB7C8] font-mono",children:"Hover: border white/25, bg white/8. Active: border white/35, bg white/12, scale(0.97). Glass buttons inherit backdrop-blur from surface."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:772",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:773",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Text Links"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:774",className:"flex flex-wrap items-center gap-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:775",className:"flex flex-col items-center gap-2",children:[e.jsxs("a",{"data-loc":"client/src/pages/Design.tsx:776",href:"#",onClick:s=>s.preventDefault(),className:"inline-flex items-center gap-1.5 text-[#1E5BFF] text-sm font-medium transition-all duration-200 hover:text-[#6CB4EE] hover:gap-2.5 active:text-[#1A6BC0]",children:["Learn more ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:776",className:"w-3.5 h-3.5 transition-transform"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:777",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Default (interactive)"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:779",className:"flex flex-col items-center gap-2",children:[e.jsxs("span",{"data-loc":"client/src/pages/Design.tsx:780",className:"inline-flex items-center gap-2.5 text-[#6CB4EE] text-sm font-medium",children:["Learn more ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:780",className:"w-3.5 h-3.5"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:781",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:783",className:"flex flex-col items-center gap-2",children:[e.jsxs("span",{"data-loc":"client/src/pages/Design.tsx:784",className:"inline-flex items-center gap-1.5 text-[#1A6BC0] text-sm font-medium",children:["Learn more ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:784",className:"w-3.5 h-3.5"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:785",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Active"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:787",className:"flex flex-col items-center gap-2",children:[e.jsxs("a",{"data-loc":"client/src/pages/Design.tsx:788",href:"#",onClick:s=>s.preventDefault(),className:"inline-flex items-center gap-1.5 text-[#AAB7C8] text-sm font-medium transition-all duration-200 hover:text-white hover:gap-2.5 active:text-[#636366]",children:["View docs ",e.jsx(r,{"data-loc":"client/src/pages/Design.tsx:788",className:"w-3.5 h-3.5 transition-transform"})]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:789",className:"text-[11px] text-[#AAB7C8] font-mono",children:"Muted link (interactive)"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:792",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:793",className:"text-xs text-[#AAB7C8] font-mono",children:"Hover: lighten color, arrow nudges right (gap widens). Active: darken color. No underlines. Arrow transition: gap 1.5 â 2.5."})})]})]}),c==="pills"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:801",className:"space-y-16",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:803",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:804",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Navigation Pills"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:805",className:"space-y-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:806",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:807",className:"text-[11px] text-[#AAB7C8] font-mono uppercase tracking-wider mb-3",children:"All States"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:808",className:"flex flex-wrap gap-3",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:809",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:810",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full text-sm font-medium border bg-white/[0.03] text-[#AAB7C8] border-white/5 transition-all duration-200 hover:bg-white/[0.06] hover:text-white hover:border-white/10 active:bg-white/[0.10] active:scale-[0.97]",children:[e.jsx(m,{"data-loc":"client/src/pages/Design.tsx:810",className:"w-3.5 h-3.5"}),"Default"]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:811",className:"text-[10px] text-[#48484A] font-mono",children:"Rest"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:813",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:814",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full text-sm font-medium border bg-white/[0.06] text-white border-white/10",children:[e.jsx(m,{"data-loc":"client/src/pages/Design.tsx:814",className:"w-3.5 h-3.5"}),"Hovered"]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:815",className:"text-[10px] text-[#48484A] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:817",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:818",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full text-sm font-medium border bg-white/[0.10] text-white border-white/10 scale-[0.97]",children:[e.jsx(m,{"data-loc":"client/src/pages/Design.tsx:818",className:"w-3.5 h-3.5"}),"Pressed"]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:819",className:"text-[10px] text-[#48484A] font-mono",children:"Active"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:821",className:"flex flex-col items-center gap-2",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:822",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full text-sm font-medium border bg-white/10 text-white border-white/15",children:"Selected"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:823",className:"text-[10px] text-[#48484A] font-mono",children:"Selected"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:825",className:"flex flex-col items-center gap-2",children:[e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:826",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full text-sm font-medium border bg-white/[0.03] text-[#AAB7C8] border-white/5 ring-2 ring-[#636366] ring-offset-2 ring-offset-[#0B1B35]",children:[e.jsx(m,{"data-loc":"client/src/pages/Design.tsx:826",className:"w-3.5 h-3.5"}),"Focused"]}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:827",className:"text-[10px] text-[#48484A] font-mono",children:"Focus"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:831",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:832",className:"text-[11px] text-[#AAB7C8] font-mono uppercase tracking-wider mb-3",children:"Interactive Demo"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:833",className:"flex flex-wrap gap-3",children:[{label:"Non-Emergency",active:!0},{label:"Front Desk",active:!1},{label:"Jail Admin",active:!1}
162,{label:"Dispatch Support",active:!1},{label:"Records",active:!1}].map((s,t)=>e.jsxs("button",{"data-loc":"client/src/pages/Design.tsx:841",className:`inline-flex items-center gap-2 px-5 py-3 rounded-full text-sm font-medium transition-all duration-200 border ${s.active?"bg-white/10 text-white border-white/15":"bg-white/[0.03] text-[#AAB7C8] border-white/5 hover:bg-white/[0.06] hover:text-white hover:border-white/10 active:bg-white/[0.10] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#636366] focus-visible:ring-offset-2 focus-visible:ring-offset-[#0B1B35]"}`,children:[!s.active&&e.jsx(m,{"data-loc":"client/src/pages/Design.tsx:842",className:"w-3.5 h-3.5"}),s.label]},t))})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:849",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:850",className:"text-xs text-[#AAB7C8] font-mono",children:"Rest: 3% bg, muted text. Hover: 6% bg, white text, border/10. Active: 10% bg, scale(0.97). Selected: 10% bg, white text, border/15. Focus: ring-2 #636366."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:855",className:"bg-[#0B1B35] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:856",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Section Tabs"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:857",className:"space-y-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:858",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:859",className:"text-[11px] text-[#AAB7C8] font-mono uppercase tracking-wider mb-3",children:"All States"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:860",className:"flex flex-wrap gap-3",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:861",className:"flex flex-col items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:862",className:"px-5 py-2 rounded-full text-sm font-medium text-[#AAB7C8]",children:"Rest"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:863",className:"text-[10px] text-[#48484A] font-mono",children:"Default"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:865",className:"flex flex-col items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:866",className:"px-5 py-2 rounded-full text-sm font-medium text-white bg-white/[0.04]",children:"Hovered"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:867",className:"text-[10px] text-[#48484A] font-mono",children:"Hover"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:869",className:"flex flex-col items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:870",className:"px-5 py-2 rounded-full text-sm font-medium text-white bg-white/10",children:"Active"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:871",className:"text-[10px] text-[#48484A] font-mono",children:"Selected"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:875",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:876",className:"text-[11px] text-[#AAB7C8] font-mono uppercase tracking-wider mb-3",children:"Interactive Demo"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:877",className:"p-1.5 rounded-full bg-white/[0.03] border border-white/5 inline-flex gap-1",children:["Overview","Features","Pricing","FAQ"].map((s,t)=>e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:879",className:`px-5 py-2 rounded-full text-sm font-medium transition-all duration-200 ${t===0?"bg-white/10 text-white":"text-[#AAB7C8] hover:text-white hover:bg-white/[0.04] active:bg-white/[0.08] active:scale-[0.97]"}`,children:s},s))})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:884",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:885",className:"text-xs text-[#AAB7C8] font-mono",children:"Rest: muted text, no bg. Hover: white text, 4% bg. Selected: white text, 10% bg. Container: 3% bg + border/5. No color fills."})})]})]}),c==="cards"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:893",className:"space-y-16",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:895",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:896",className:"text-white text-sm font-semibold uppercase tracking-wider mb-3",children:"Gradient Bento Cards"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:897",className:"text-[#AAB7C8] text-[15px] leading-[1.6] mb-8 max-w-[600px]",children:"Each card uses a page-matched gradient (#000000 â transparent) so the image emerges from the dark page naturally. The gradient covers only the text area (30-40%), letting the imagery breathe."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:903",className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:905",className:"rounded-[20px] relative overflow-hidden aspect-[4/5] md:row-span-2 border border-white/[0.06]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:906",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:907",className:"absolute inset-0",style:{background:"linear-gradient(to top, #000000 20%, rgba(8,8,15,0.75) 40%, rgba(8,8,15,0.15) 60%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:908",className:"absolute bottom-0 left-0 right-0 p-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:909",className:"text-[#1E5BFF] text-[13px] font-medium tracking-wide uppercase mb-3",children:"Non-Emergency Lines"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:910",className:"text-[28px] font-semibold text-white mb-2 leading-tight",children:"Handle routine calls 24/7 without adding headcount."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:911",className:"text-[#AAB7C8] text-[15px] leading-[1.5]",children:"AI-powered non-emergency call handling with real-time context awareness."})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:917",className:"rounded-[20px] relative overflow-hidden aspect-[4/3] border border-white/[0.06]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:918",src:h,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:919",className:"absolute inset-0",style:{background:"linear-gradient(to right, #000000 15%, rgba(8,8,15,0.7) 35%, rgba(8,8,15,0.1) 55%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:920",className:"absolute inset-0 flex flex-col justify-center p-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:921",className:"text-[#30D158] text-[12px] font-medium tracking-wide uppercase mb-3",children:"Front Desk"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:922",className:"text-white text-xl font-semibold mb-2 max-w-[280px]",children:"Professional front desk supp
162ort around the clock."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:923",className:"text-[#AAB7C8] text-[14px] leading-[1.5] max-w-[260px]",children:"AI receptionist for walk-in and phone inquiries."})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:929",className:"rounded-[20px] relative overflow-hidden aspect-[4/3] border border-white/[0.06]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:930",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover object-bottom"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:931",className:"absolute inset-0",style:{background:"linear-gradient(to bottom, #000000 15%, rgba(8,8,15,0.7) 35%, rgba(8,8,15,0.1) 55%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:932",className:"absolute top-0 left-0 right-0 p-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:933",className:"text-[#BF5AF2] text-[12px] font-medium tracking-wide uppercase mb-3",children:"Jail Administration"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:934",className:"text-white text-xl font-semibold mb-2 max-w-[300px]",children:"Automate inmate family calls and admin requests."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:935",className:"text-[#AAB7C8] text-[14px] leading-[1.5] max-w-[280px]",children:"Jail administration handled with empathy and precision."})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:942",className:"rounded-[20px] relative overflow-hidden h-[280px] border border-white/[0.06]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:943",src:h,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:944",className:"absolute inset-0",style:{background:"linear-gradient(135deg, #000000 15%, rgba(8,8,15,0.65) 35%, rgba(8,8,15,0.1) 55%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:945",className:"absolute inset-0 flex flex-col justify-center p-10",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:946",className:"text-[#FF9F0A] text-[13px] font-medium tracking-wide uppercase mb-3",children:"AI Performance"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:947",className:"text-[32px] font-semibold text-white mb-3 leading-tight max-w-[500px]",children:"Fly through demanding calls up to 6x faster."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:948",className:"text-[#AAB7C8] text-[17px] leading-[1.6] max-w-[440px]",children:"AI-powered response generation with real-time context awareness and department-specific knowledge."})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:954",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:956",className:"rounded-[20px] relative overflow-hidden h-[240px] border border-white/[0.06]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:957",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:958",className:"absolute inset-0",style:{background:"linear-gradient(to left, #000000 15%, rgba(8,8,15,0.65) 35%, rgba(8,8,15,0.1) 55%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:959",className:"absolute inset-0 flex flex-col justify-center items-end p-8 text-right",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:960",className:"text-[#64D2FF] text-[12px] font-medium tracking-wide uppercase mb-3",children:"Response Time"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:961",className:"text-white text-xl font-semibold mb-2",children:"Response in under 2 seconds."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:962",className:"text-[#AAB7C8] text-[14px] leading-[1.5] max-w-[250px]",children:"Instant pickup, zero hold time, every single call."})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:968",className:"rounded-[20px] relative overflow-hidden h-[240px] border border-white/[0.06]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:969",src:h,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:970",className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, transparent 25%, rgba(8,8,15,0.5) 50%, #000000 80%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:971",className:"absolute inset-0 flex flex-col justify-center items-center p-8 text-center",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:972",className:"text-[#30D158] text-[12px] font-medium tracking-wide uppercase mb-3",children:"Multilingual"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:973",className:"text-white text-xl font-semibold mb-2",children:"140+ languages supported."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:974",className:"text-[#AAB7C8] text-[14px] leading-[1.5] max-w-[250px]",children:"Real-time translation for every caller, every time."})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:981",className:"bg-[#111113] rounded-[16px] p-6 border border-white/[0.06]",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:982",className:"text-white text-sm font-semibold mb-4",children:"Gradient Directions Reference"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:983",className:"grid grid-cols-2 md:grid-cols-3 gap-4 text-[13px] font-mono",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:984",className:"text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:984",className:"text-white",children:"to top"})," â content at bottom, image peeks from top"]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:985",className:"text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:985",className:"text-white",children:"to bottom"})," â content at top, image peeks from bottom"]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:986",className:"text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:986",className:"text-white",children:"to right"})," â content at left, image peeks from right"]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:987",className:"text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:987",className:"text-white",children:"to left"})," â content at right, image peeks from left"]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:988",className:"text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:988",className:"text-white",children:"135deg"})," â diagonal, content top-left corner"]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:989",className:"text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:989",className:"text-white",children:"radial"})," â image center, dark edges vignette"]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:991",className:"mt-4 pt-4 border-t border-white/5 text-[12px] text-[#AAB7C8] font-mono",children:"Base: #000000 (page bg) | Stops: 100% â 65-75% â 10-15% â 0% | Border: white/[0.06] | Radius: 20px | Coverage: 30-40% only"})]})]}),c==="inputs"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1000",className:"space-y-16",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1002",className:"bg-[#161616] rounded-[20px] p-10 space-y-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1003",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Input States"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1004",className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1006",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1007",className:"text-[10px] text-[#48484A] font-mono uppercase tracking-wider mb-2",children:"Rest"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1008",type:"text",placeholder:"Enter your agency name",readOnly:!0,className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-white/25 text-[15px] focus:outline-none",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"}})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1011",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1012",className:"text-[10px] text-[#48484A] font-mono uppercase tracking-wider mb-2",children:"Hover"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1013",type:"text",placeholder:"Enter your agency name",readOnly:!0,className:"w-full px-6 py-4 rounded-full bg-[#0F0F0F] border-none text-white/25 text-[15px] focus:outline-none",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"}})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1016",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1017",className:"text-[10px] text-[#48484A] font-mono uppercase tracking-wider mb-2",children:"Focus"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1018",type:"text",placeholder:"Enter your agency name",readOnly:!0,className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-white/25 text-[15px] focus:outline-none",style:{boxShadow:"0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.4)"}})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1021",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1022",className:"text-[10px] text-[#48484A] font-mono uppercase tracking-wider mb-2",children:"Filled"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1023",type:"text",defaultValue:"Springfield PD",readOnly:!0,className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-white text-[15px] focus:outline-none",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"}})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1026",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1027",className:"text-[10px] text-[#48484A] font-mono uppercase tracking-wider mb-2",children:"Error"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1028",type:"text",defaultValue:"invalid@",readOnly:!0,className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-[#FF453A] text-[15px] focus:outline-none",style:{boxShadow:"0 0 0 2px rgba(255,69,58,0.35), inset 0 2px 4px rgba(0,0,0,0.4)"}}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1029",className:"text-[#FF453A] text-[11px] mt-2 ml-6",children:"Please enter a valid email address"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1032",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1033",className:"text-[10px] text-[#48484A] font-mono uppercase tracking-wider mb-2",children:"Disabled"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1034",type:"text",placeholder:"Not available",disabled:!0,className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A]/50 border-none text-white/15 text-[15px] cursor-not-allowed",style:{boxShadow:"inset 0 1px 2px rgba(0,0,0,0.2)"}})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1037",className:"pt-4 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1038",className:"text-xs text-[#AAB7C8] font-mono",children:"Rest: #0A0A0A, inset shadow. Hover: lighten to #0F0F0F. Focus: blue glow ring (2px rgba(41,151,255,0.35)). Error: red glow ring (2px rgba(255,69,58,0.35)). Disabled: 50% opacity, no pointer."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1043",className:"bg-[#161616] rounded-[20px] p-10 space-y-8 max-w-[500px]",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1044",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Interactive Form â Dark Surface"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1045",className:"space-y-5",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1046",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:1047",className:"text-[#AAB7C8] text-[11px] font-medium uppercase tracking-[0.1em] block mb-2.5",children:"Agency Name"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1048",type:"text",placeholder:"Enter your agency name",className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-white text-[15px] placeholder:text-white/25 focus:outline-none transition-all duration-200 hover:bg-[#0F0F0F]",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"},onFocus:s=>s.currentTarget.style.boxShadow="0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.4)",onBlur:s=>s.currentTarget.style.boxShadow="inset 0 2px 4px rgba(0,0,0,0.4)"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1050",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:1051",className:"text-[#AAB7C8] text-[11px] font-medium uppercase tracking-[0.1em] block mb-2.5",children:"Email"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1052",type:"email",placeholder:"[email protected]",className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-white text-[15px] placeholder:text-white/25 focus:outline-none transition-all duration-200 hover:bg-[#0F0F0F]",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"},onFocus:s=>s.currentTarget.style.boxShadow="0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.4)",onBlur:s=>s.currentTarget.style.boxShadow="inset 0 2px 4px rgba(0,0,0,0.4)"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1054",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:1055",className:"text-[#AAB7C8] text-[11px] font-medium uppercase tracking-[0.1em] block mb-2.5",children:"Department Size"}),e.jsxs("select",{"data-loc":"client/src/pages/Design.tsx:1056",className:"w-full px-6 py-4 rounded-full bg-[#0A0A0A] border-none text-white text-[15px] focus:outline-none transition-all duration-200 appearance-none cursor-pointer hover:bg-[#0F0F0F]",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"},onFocus:s=>s.currentTarget.style.boxShadow="0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.4)",onBlur:s=>s.currentTarget.style.boxShadow="inset 0 2px 4px rgba(0,0,0,0.4)",children:[e.jsx("option",{"data-loc":"client/src/pages/Design.tsx:1057",children:"Select size"}),e.jsx("option",{"data-loc":"client/src/pages/Design.tsx:1058",children:"1-50 officers"}),e.jsx("option",{"data-loc":"client/src/pages/Design.tsx:1059",children:"51-200 officers"}),e.jsx("option",{"data-loc":"client/src/pages/Design.tsx:1060",children:"200+ officers"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1063",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:1064",className:"text-[#AAB7C8] text-[11px] font-medium uppercase tracking-[0.1em] block mb-2.5",children:"Message"}),e.jsx("textarea",{"data-loc":"client/src/pages/Design.tsx:1065",placeholder:"Tell us about your department's needs...",rows:3,className:"w-full px-6 py-4 rounded-2xl bg-[#0A0A0A] border-none text-white text-[15px] placeholder:text-white/25 focus:outline-none transition-all duration-200 resize-none hover:bg-[#0F0F0F]",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.4)"},onFocus:s=>s.currentTarget.style.boxShadow="0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.4)",onBlur:s=>s.currentTarget.style.boxShadow="inset 0 2px 4px rgba(0,0,0,0.4)"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1068",className:"pt-6 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1069",className:"text-xs text-[#AAB7C8] font-mono",children:"Surface: #161616 | Inputs: bg #0A0A0A, hover #0F0F0F, no border, rounded-full, inset shadow. Focus: blue glow ring. Error: red glow ring. Disabled: 50% opacity."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1074",className:"bg-[#2C2C2E] rounded-[20px] p-10 space-y-8 max-w-[500px]",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1075",className:"text-white text-sm font-semibold uppercase tracking-wider",children:"Form Inputs â Elevated Surface"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1076",className:"space-y-5",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1077",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:1078",className:"text-[#A1A1A6] text-[11px] font-medium uppercase tracking-[0.1em] block mb-2.5",children:"Search"}),e.jsxs("div",{"data-l
162oc":"client/src/pages/Design.tsx:1079",className:"relative",children:[e.jsx(S,{"data-loc":"client/src/pages/Design.tsx:1080",className:"absolute left-5 top-1/2 -translate-y-1/2 w-4 h-4 text-white/30"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1081",type:"text",placeholder:"Search departments...",className:"w-full pl-12 pr-6 py-4 rounded-full bg-[#0B1B35] border-none text-white text-[15px] placeholder:text-white/25 focus:outline-none transition-all duration-200 hover:bg-[#222224]",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.3)"},onFocus:s=>s.currentTarget.style.boxShadow="0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.3)",onBlur:s=>s.currentTarget.style.boxShadow="inset 0 2px 4px rgba(0,0,0,0.3)"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1084",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:1085",className:"text-[#A1A1A6] text-[11px] font-medium uppercase tracking-[0.1em] block mb-2.5",children:"Phone Number"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:1086",type:"tel",placeholder:"(555) 000-0000",className:"w-full px-6 py-4 rounded-full bg-[#0B1B35] border-none text-white text-[15px] placeholder:text-white/25 focus:outline-none transition-all duration-200 hover:bg-[#222224]",style:{boxShadow:"inset 0 2px 4px rgba(0,0,0,0.3)"},onFocus:s=>s.currentTarget.style.boxShadow="0 0 0 2px rgba(41,151,255,0.35), inset 0 2px 4px rgba(0,0,0,0.3)",onBlur:s=>s.currentTarget.style.boxShadow="inset 0 2px 4px rgba(0,0,0,0.3)"})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1089",className:"pt-6 border-t border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1090",className:"text-xs text-[#AAB7C8] font-mono",children:"Elevated surface: #2C2C2E | Inputs: bg #0B1B35, hover #222224. Same focus/error glow rings. Search icon variant (left-padded)."})})]})]}),c==="stats"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1098",className:"space-y-16",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1099",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1100",className:"text-white text-sm font-semibold uppercase tracking-wider mb-8",children:"Two-Column Stat Blocks"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1101",className:"grid md:grid-cols-2 gap-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1102",className:"pt-8 border-t border-[#3A3A3C]",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1103",className:"text-[#AAB7C8] text-[15px] mb-2",children:"Up to"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1104",className:"text-[72px] leading-[0.9] font-semibold tracking-tight",style:{background:"linear-gradient(180deg, #E8E8ED 0%, #AAB7C8 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:"98.7%"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1105",className:"text-[#AAB7C8] text-[15px] mt-3",children:"call resolution rate"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1107",className:"pt-8 border-t border-[#3A3A3C]",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1108",className:"text-[#AAB7C8] text-[15px] mb-2",children:"Response in"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1109",className:"text-[72px] leading-[0.9] font-semibold tracking-tight",style:{background:"linear-gradient(180deg, #64D2FF 0%, #1E5BFF 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:"< 2 sec"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1110",className:"text-[#AAB7C8] text-[15px] mt-3",children:"average first response time"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1114",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1115",className:"text-white text-sm font-semibold uppercase tracking-wider mb-8",children:"Inline Stats Row"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1116",className:"flex items-center gap-12 py-8 border-y border-[#3A3A3C]",children:[{value:"500+",label:"Agencies"},{value:"2M+",label:"Calls Handled"},{value:"24/7",label:"Availability"},{value:"140+",label:"Languages"}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1123",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1124",className:"text-white text-[28px] font-semibold",children:s.value}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1125",className:"text-[#AAB7C8] text-sm",children:s.label})]},t))})]})]})]}),a==="icons"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1137",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1138",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1139",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Icon Library"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:1140",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Lucide icons.",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1141"}),"Consistent everywhere."]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:1143",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1144",className:"text-white font-semibold",children:"One icon library, one stroke weight, one style."})," ","We use Lucide React exclusively. 24px grid, 1.5px stroke, rounded joins. Never mix icon libraries or use filled variants."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1150",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1151",className:"text-white text-xl font-semibold mb-8",children:"Core Application Icons"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1152",className:"bg-[#0B1B35] rounded-[20px] p-10",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1153",className:"grid grid-cols-4 md:grid-cols-8 gap-6",children:[{Icon:p,name:"Phone"},{Icon:se,name:"PhoneCall"},{Icon:K,name:"Headphones"},{Icon:M,name:"Mic"},{Icon:de,name:"Volume2"},{Icon:N,name:"Shield"},{Icon:G,name:"Lock"},{Icon:y,name:"AlertTriangle"},{Icon:C,name:"Radio"},{Icon:H,name:"MapPin"},{Icon:A,name:"Clock"},{Icon:_,name:"Calendar"},{Icon:re,name:"User"},{Icon:Q,name:"MessageSquare"},{Icon:B,name:"FileText"},{Icon:k,name:"BarChart3"}].map(({Icon:s,name:t})=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1172",className:"flex flex-col items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1173",className:"w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center",children:e.jsx(s,{"data-loc":"client/src/pages/Design.tsx:1174",className:"w-5 h-5 text-white"})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1176",className:"text-[#AAB7C8] text-[10px] font-mono text-center",children:t})]},t))})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1184",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1185",className:"text-white text-xl font-semibold mb-8",children:"Navigation & UI Icons"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1186",className:"bg-[#0B1B35] rounded-[20px] p-10",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1187",className:"grid grid-cols-4 md:grid-cols-8 gap-6",children:[{Icon:T,name:"Home"},{Icon:S,name:"Search"},{Icon:ie,name:"Settings"},{Icon:q,name:"Bell"},{Icon:P,name:"Menu"},{Icon:F,name:"X"},{Icon:m,name:"Plus"},{Icon:$,name:"Filter"},{Icon:r,name:"ArrowRight"},{Icon:j,name:"ChevronRight"},{Icon:Y,name:"ExternalLink"},{Icon:W,name:"Download"},{Icon:ne,name:"Upload"},{Icon:te,name:"RefreshCw"},{Icon:z,name:"Eye"},{Icon:ae,name:"Send"}].map(({Icon:s,name:t})=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1206",className:"flex flex-col items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1207",className:"w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center",children:e.jsx(s,{"data-loc":"client/src/pages/Design.tsx:1208",className:"w-5 h-5 text-white"})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1210",className:"text-[#AAB7C8] text-[10px] font-mono text-center",children:t})]},t))})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1218",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1219",className:"text-white text-xl font-semibold mb-8",children:"Action Icons"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1220",className:"bg-[#0B1B35] rounded-[20px] p-10",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1221",className:"grid grid-cols-4 md:grid-cols-8 gap-6",children:[{Icon:L,name:"Star"},{Icon:X,name:"Heart"},{Icon:U,name:"Bookmark"},{Icon:ce,name:"Share2"},{Icon:Z,name:"Copy"},{Icon:ee,name:"Edit3"},{Icon:le,name:"Trash2"},{Icon:J,name:"MoreHorizontal"}].map(({Icon:s,name:t})=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1232",className:"flex flex-col items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1233",className:"w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center",children:e.jsx(s,{"data-loc":"client/src/pages/Design.tsx:1234",className:"w-5 h-5 text-white"})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1236",className:"text-[#AAB7C8] text-[10px] font-mono text-center",children:t})]},t))})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1244",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1245",className:"text-white text-xl font-semibold mb-8",children:"Icon Sizing & Usage Rules"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1246",className:"bg-[#0B1B35] rounded-[20px] p-10",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1247",className:"flex items-end gap-8 mb-8",children:[{size:14,label:"14px",usage:"Inline text"},{size:16,label:"16px",usage:"Buttons, pills"},{size:20,label:"20px",usage:"Standard UI"},{size:24,label:"24px",usage:"Cards, headers"},{size:32,label:"32px",usage:"Feature icons"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1255",className:"flex flex-col items-center gap-3",children:[e.jsx(p,{"data-loc":"client/src/pages/Design.tsx:1256",className:"text-white",style:{width:s.size,height:s.size}}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1257",className:"text-white text-xs font-mono",children:s.label}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1258",className:"text-[#AAB7C8] text-[10px]",children:s.usage})]},s.size))}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1262",className:"pt-6 border-t border-white/5 space-y-2",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1263",className:"text-xs text-[#AAB7C8] font-mono",children:"⢠Always use lucide-react â never mix with other icon libraries"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1264",className:"text-xs text-[#AAB7C8] font-mono",children:"⢠Stroke width: default (1.5px) â never change"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1265",className:"text-xs text-[#AAB7C8] font-mono",children:"⢠Color: inherit from text color in body/UI contexts"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1266",className:"text-xs text-[#AAB7C8] font-mono",children:"⢠Exception: icons in accent circles use their category color directly via style prop"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1267",className:"text-xs text-[#AAB7C8] font-mono",children:"⢠Accent circles: 10% opacity of accent color background, icon in full accent color"})]})]})]})]}),a==="imagery"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1276",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1278",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1279",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Imagery & Art Direction"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:1280",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Symbolic Editorial",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1281"}),"Retro-Futurism."]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:1283",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-6",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1284",className:"text-white font-semibold",children:"Two visual systems work in concert."})," ","Mode A (Editorial Illustration) creates symbolic hero artwork that tells a story. Mode B (Atmospheric Graphic Fields) provides abstract branded surfaces for text overlay. Together they make public-sector work feel important, human, trustworthy, and future-ready."]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1287",className:"text-[17px] leading-[1.6] text-[#AAB7C8] max-w-[720px]",children:"The visual language is futuristic but safe, almost retro. It blends painterly digital airbrush, softly dimensional sculptural illustration, dreamlike symbolic objects, and theatrical lighting with heavy print grain. The palette is dark, institutional, cinematic, and premium."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1293",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1294",className:"text-white text-xl font-semibold mb-3",children:"Brand Meaning to Express"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1295",className:"text-[15px] text-[#AAB7C8] leading-[1.6] mb-8 max-w-[600px]",children:"Every image should evoke these qualities. They are the emotional filter for all visual decisions."}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1296",className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[{word:"Safe",icon:"shield"},{word:"Reliable",icon:"anchor"},{word:"High Quality",icon:"gem"},{word:"Retro + Futuristic",icon:"radio"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1303",className:"rounded-[20px] p-6 text-center relative overflow-hidden group",style:{background:"linear-gradient(180deg, rgba(41,151,255,0.08) 0%, rgba(41,151,255,0.02) 100%)",border:"1px solid rgba(41,151,255,0.15)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1304",className:"absolute inset-0 opacity-[0.03]",style:{backgroundImage:"radial-gradient(circle at 50% 0%, rgba(41,151,255,0.4) 0%, transparent 60%)"}}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1305",className:"text-white font-medium text-[15px] relative z-10",children:s.word})]},s.word))}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1309",className:"grid grid-cols-2 md:grid-cols-4 gap-4 mt-4",children:["Calm but Intelligent","Sophisticated but Relatable","Technical but Human","Editorial not
162Corporate"].map(s=>e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1313",className:"rounded-[20px] p-6 text-center relative overflow-hidden",style:{background:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%)",border:"1px solid rgba(255,255,255,0.08)"},children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1314",className:"text-white/80 font-medium text-[14px]",children:s})},s))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1321",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1322",className:"flex items-center gap-4 mb-6",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1323",className:"inline-flex items-center justify-center w-11 h-11 rounded-[14px] text-sm font-bold",style:{background:"linear-gradient(135deg, #1E5BFF 0%, #0A3D7A 100%)",boxShadow:"0 4px 20px rgba(41,151,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2)",color:"#fff"},children:"A"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1324",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1325",className:"text-white text-xl font-semibold",children:"Editorial Illustration"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1326",className:"text-[11px] tracking-[0.15em] uppercase text-[#48484A]",children:"Symbolic Hero Artwork"})]})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1329",className:"text-[17px] leading-[1.6] text-[#AAB7C8] max-w-[720px] mb-8",children:"Use when storytelling is central, a symbolic hero image is needed, or brand myth needs dramatization. Every image is built around one dominant symbolic subject, not a literal scene."}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1334",className:"rounded-[20px] p-8 mb-10 relative overflow-hidden",style:{background:"linear-gradient(135deg, rgba(41,151,255,0.08) 0%, rgba(41,151,255,0.02) 40%, rgba(0,0,0,0) 100%)",border:"1px solid rgba(41,151,255,0.2)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1335",className:"absolute top-0 left-0 right-0 h-[2px]",style:{background:"linear-gradient(90deg, transparent 0%, #1E5BFF 50%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1336",className:"flex items-start gap-3 mb-3",children:[e.jsx(y,{"data-loc":"client/src/pages/Design.tsx:1337",className:"w-5 h-5 text-[#1E5BFF] mt-0.5 shrink-0"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1338",className:"text-white font-semibold text-[16px]",children:"Non-Negotiable: Symbol Over Scene"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1340",className:"text-[15px] text-[#AAB7C8] leading-[1.7] pl-8",children:"Do NOT default to a literal office, operations room, call center, or dashboard environment. The preferred output is a symbolic editorial metaphor built around one dominant object, figure, gesture, monument, or abstract civic form. The environment supports the symbol; it does not become the subject."})]}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1346",className:"text-white font-semibold mb-6",children:"Composition Archetypes"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1347",className:"grid md:grid-cols-2 gap-5 mb-10",children:[{name:"Central Monument",desc:"Single object/structure centered like a symbolic monument. Low horizon, wide atmospheric background, strong shadow.",use:"Institutions, trust, capacity, continuity",gradient:"radial-gradient(ellipse at 50% 80%, rgba(41,151,255,0.12) 0%, transparent 60%)"},{name:"Macro Hand-Object",desc:"Oversized sculptural hands interact with glowing symbolic objects. Cropped fingers create scale tension.",use:"Control, precision, human oversight, agency",gradient:"radial-gradient(ellipse at 80% 20%, rgba(41,151,255,0.10) 0%, transparent 50%)"},{name:"Lone Figure + Monumental Forms",desc:"Small human figure before impossible scale. Vast gradient sky or institutional void.",use:"Future, transformation, risk, awe",gradient:"radial-gradient(ellipse at 20% 60%, rgba(41,151,255,0.08) 0%, transparent 50%)"},{name:"Editorial Collage Portrait",desc:"Head/body overlaid with rectangular panels, tracking lines, or cut-paper fragments.",use:"AI, evidence, identity, data, governance",gradient:"radial-gradient(ellipse at 70% 70%, rgba(191,90,242,0.08) 0%, transparent 50%)"},{name:"Symbolic Object Still Life",desc:"Single object staged in a dreamlike environment. Dramatic colored light, sparse fragments.",use:"Access, knowledge, security, invention",gradient:"radial-gradient(ellipse at 50% 30%, rgba(41,151,255,0.10) 0%, transparent 55%)"},{name:"Abstract Institutional Interior",desc:"Interior as reduced symbolic space
162: arches, counters, windows, corridors, planes.",use:"Public-sector work, civic operations",gradient:"radial-gradient(ellipse at 30% 80%, rgba(41,151,255,0.06) 0%, transparent 50%)"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1356",className:"rounded-[20px] p-6 relative overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1357",className:"absolute inset-0 pointer-events-none",style:{backgroundImage:s.gradient}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1358",className:"relative z-10",children:[e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1359",className:"text-white font-semibold text-[15px] mb-2",children:s.name}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1360",className:"text-[14px] text-[#AAB7C8] leading-[1.6] mb-4",children:s.desc}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1361",className:"flex flex-wrap gap-2",children:s.use.split(", ").map(t=>e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1363",className:"text-[11px] text-[#1E5BFF] uppercase tracking-[0.08em] px-2.5 py-1 rounded-full",style:{background:"rgba(41,151,255,0.08)",border:"1px solid rgba(41,151,255,0.15)"},children:t},t))})]})]},s.name))}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1372",className:"text-white font-semibold mb-6",children:"Rendering & Texture"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1373",className:"grid md:grid-cols-3 gap-5 mb-8",children:[{title:"Hybrid Dimensionality",desc:"Between flat illustration and 3D render. Softly dimensional sculptural forms, airbrushed gradients, matte surfaces, paper-like flat overlays, floating geometric collage pieces.",accent:"linear-gradient(180deg, rgba(41,151,255,0.15) 0%, rgba(41,151,255,0.03) 100%)"},{title:"Analog Grain (Required)",desc:"Visible printed analog grain in every image. Feels atmospheric and tactile. Never dirty, noisy, or muddy. Softens the composition and creates richness.",accent:"linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%)"},{title:"Theatrical Lighting",desc:"Strong rim light, colored edge glow, soft underlighting, spotlight gradients, internal glow from objects, long cinematic shadows, bloom, soft fog, airbrush haze.",accent:"linear-gradient(180deg, rgba(191,90,242,0.10) 0%, rgba(191,90,242,0.02) 100%)"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1379",className:"rounded-[20px] relative overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1380",className:"h-2 w-full",style:{background:s.accent}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1381",className:"p-6",children:[e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1382",className:"text-white font-semibold text-[15px] mb-3",children:s.title}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1383",className:"text-[14px] text-[#AAB7C8] leading-[1.6]",children:s.desc})]})]},s.title))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1391",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1392",className:"flex items-center gap-4 mb-6",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1393",className:"inline-flex items-center justify-center w-11 h-11 rounded-[14px] text-sm font-bold",style:{background:"linear-gradient(135deg, #E5E5EA 0%, #48484A 100%)",boxShadow:"0 4px 20px rgba(255,255,255,0.08), inset 0 1px 0 rgba(255,255,255,0.3)",color:"#000000"},children:"B"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1394",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1395",className:"text-white text-xl font-semibold",children:"Atmospheric Graphic Fields"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1396",className:"text-[11px] tracking-[0.15em] uppercase text-[#48484A]",children:"Branded Backgrounds"})]})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1399",className:"text-[17px] leading-[1.6] text-[#AAB7C8] max-w-[720px] mb-10",children:"Use when copy needs supp
162ort, speed and repeatability matter, narrative imagery is unnecessary, or layout flexibility is important. These are NOT illustrations; they are abstract branded color-field surfaces designed to sit behind text."}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1404",className:"text-white font-semibold mb-6",children:"Six Subsystem Modes"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1405",className:"grid md:grid-cols-3 gap-5 mb-10",children:[{mode:"signal_field",desc:"Flowing color bands, soft arcs, grain-heavy atmosphere",use:"Headlines, brand statements, ads",preview:"linear-gradient(135deg, #0A0A12 0%, #0A3D7A 40%, #1E5BFF 70%, #0A0A12 100%)"},{mode:"portal_field",desc:"Rounded vertical forms, architectural silhouettes, soft interior glow",use:"Dividers, civic resonance",preview:"radial-gradient(ellipse at 50% 50%, rgba(41,151,255,0.2) 0%, #0A0A12 70%)"},{mode:"horizon_field",desc:"Wide cinematic gradient sweeps, landscape-like softness",use:"Heroes, aspirational copy, covers",preview:"linear-gradient(180deg, #0A0A12 0%, #0A3D7A 60%, #1A6FD4 100%)"},{mode:"panel_field",desc:"Layered translucent rectangles and slabs, quiet structure",use:"Info sections, stat slides, cards",preview:"linear-gradient(135deg, #111118 0%, rgba(41,151,255,0.08) 50%, #111118 100%)"},{mode:"pulse_field",desc:"Faint signal points + curved routing lines, subtle movement",use:"Automation, intelligence, systems",preview:"radial-gradient(circle at 30% 50%, rgba(41,151,255,0.15) 0%, transparent 40%), radial-gradient(circle at 70% 60%, rgba(41,151,255,0.1) 0%, #0A0A12 50%)"},{mode:"veil_field",desc:"Large soft translucent veils, minimal geometry, calm mood",use:"Quotes, quiet premium moments",preview:"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, #0A0A12 40%, rgba(41,151,255,0.03) 100%)"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1414",className:"rounded-[20px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1415",className:"h-24 w-full relative",style:{background:s.preview},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1416",className:"absolute inset-0",style:{backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSI0IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbHRlcj0idXJsKCNuKSIgb3BhY2l0eT0iMC4wNCIvPjwvc3ZnPg==')",opacity:.6}})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1418",className:"p-5",children:[e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1419",className:"text-white font-mono text-[13px] mb-2 tracking-wide",children:s.mode}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1420",className:"text-[13px] text-[#AAB7C8] leading-[1.6] mb-3",children:s.desc}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1421",className:"text-[11px] text-[#1E5BFF] uppercase tracking-[0.1em]",children:s.use})]})]},s.mode))}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1428",className:"text-white font-semibold mb-6",children:"Density Levels"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1429",className:"grid md:grid-cols-3 gap-5 mb-10",children:[{level:"Low",desc:"Few shapes, soft transitions, minimal accent, quiet grain",use:"Text-heavy pages",opacity:.04},{level:"Medium",desc:"Clear main form, subtle layered geometry, balanced copy support",use:"Section headers, cards, CTAs",opacity:.1},{level:"High",desc:"Richer layering, stronger color contrast, more visible signal structure",use:"Hero banners, campaign moments, covers",opacity:.18}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1435",className:"rounded-[20px] p-6 relative overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1436",className:"absolute inset-0 pointer-events-none",style:{background:`radial-gradient(ellipse at 50% 0%, rgba(41,151,255,${s.opacity}) 0%, transparent 70%)`}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1437",className:"relative z-10",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1438",className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1439",className:"h-8 w-8 rounded-[10px] flex items-center justify-center",style:{background:`rgba(41,151,255,${s.opacity+.05})`,border:"1px solid rgba(41,151,255,0.2)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1440",className:"w-3 h-3 rounded-sm",style:{background:`rgba(41,151,255,${s.opacity*3})`}})}),e.jsxs("h5",{"data-loc":"client/src/pages/Design.tsx:1442",className:"text-white font-semibold text-[15px]",children:[s.level," Density"]})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1444",className:"text-[14px] text-[#AAB7C8] leading-[1.6] mb-3",children:s.desc}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1445",className:"text-[11px] text-[#1E5BFF] uppercase tracking-[0.1em]",children:s.use})]})]},s.level))}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1452",className:"text-white font-semibold mb-6",children:"Form Language"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1453",className:"rounded-[20px] overflow-hidden mb-8",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1454",className:"h-1 w-full",style:{background:"linear-gradient(90deg, rgba(41,151,255,0.3) 0%, rgba(255,255,255,0.1) 50%, rgba(41,151,255,0.3) 100%)"}}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1455",className:"p-8",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1456",className:"grid md:grid-cols-2 gap-10",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1457",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1458",className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1459",className:"w-2 h-2 rounded-full bg-[#1E5BFF]"}),e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1460",className:"text-white text-[15px] font-semibold",children:"Primary Forms"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1462",className:"text-[14px] text-[#AAB7C8] leading-[1.8]",children:"Rounded rectangles, capsules, portals, arches, bands, curves, horizon sweeps, vertical slabs, framing blocks, soft circles, layered translucent panels, subtle linear tracks, offset fields, cropped geometric segments."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1466",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1467",className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1468",className:"w-2 h-2 rounded-full bg-white/40"}),e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1469",className:"text-white text-[15px] font-semibold",children:"Secondary Forms"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1471",className:"text-[14px] text-[#AAB7C8] leading-[1.8]",children:"Thin signal lines, subtle glow arcs, faint routing paths, soft edge blocks, light veils, blurred panels, atmospheric overlays, grain clouds, diffused highlight streaks."})]})]})})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1481",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1482",className:"text-white text-xl font-semibold mb-4",children:"Imagery Color System"}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:1483",className:"text-[17px] leading-[1.6] text-[#AAB7C8] max-w-[720px] mb-4",children:["Color should feel emotional and architectural, not merely decorative. The palette uses a ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1484",className:"text-white font-medium",children:"three-hue system"})," on black: cobalt blue for intelligence, warm amber for humanity, and atmospheric violet for retro-futurist depth."]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1486",className:"text-[15px] leading-[1.6] text-[#AAB7C8] max-w-[720px] mb-8",children:'The warm/cool tension is the signature DeskOfficer look.
162Cobalt represents the system; amber represents the human it serves. Violet bridges the two, adding cinematic atmosphere without becoming a "generic purple gradient."'}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1491",className:"rounded-[20px] overflow-hidden mb-10",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1492",className:"p-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1493",className:"text-white font-semibold mb-2",children:"Standard Color Ratio"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1494",className:"text-[13px] text-[#AAB7C8] mb-6",children:"Target distribution across any generated image. Adjust per lighting setup."}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1495",className:"flex items-center gap-[2px] h-16 rounded-[14px] overflow-hidden mb-6",style:{boxShadow:"inset 0 2px 6px rgba(0,0,0,0.4)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1496",className:"h-full rounded-l-[14px] relative overflow-hidden",style:{width:"62%",background:"linear-gradient(135deg, #000000 0%, #000000 40%, #111118 100%)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1497",className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1498",className:"text-[12px] text-white/25 font-medium tracking-wider",children:"60â65%"})})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1501",className:"h-full relative overflow-hidden",style:{width:"20%",background:"linear-gradient(135deg, #0A3D7A 0%, #1E5BFF 60%, #5CB3FF 100%)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1502",className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1503",className:"text-[11px] text-white/80 font-medium tracking-wider",children:"18â22%"})})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1506",className:"h-full relative overflow-hidden",style:{width:"10%",background:"linear-gradient(135deg, #8B5A1B 0%, #F2A23A 50%, #FFD17A 100%)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1507",className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1508",className:"text-[10px] text-black/60 font-medium",children:"8â12%"})})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1511",className:"h-full relative overflow-hidden",style:{width:"5%",background:"linear-gradient(135deg, #2A2878 0%, #4D4BC8 50%, #A9A4FF 100%)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1512",className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1513",className:"text-[9px] text-white/70 font-medium",children:"5â8%"})})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1516",className:"h-full rounded-r-[14px] relative overflow-hidden",style:{width:"3%",background:"linear-gradient(135deg, #E5E5EA 0%, #FFFFFF 100%)"},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1517",className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1518",className:"text-[8px] text-black/40 font-medium",children:"3â5%"})})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1522",className:"grid grid-cols-5 gap-3 text-[12px]",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1523",className:"flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1524",className:"w-4 h-4 rounded-[6px] bg-[#000000] border border-white/10"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1525",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1525",className:"text-white font-medium",children:"60â65%"}),e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1525"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1525",className:"text-[#AAB7C8] text-[11px]",children:"Dark"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1527",className:"flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1528",className:"w-4 h-4 rounded-[6px] bg-[#1E5BFF]"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1529",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1529",className:"text-white font-medium",children:"18â22%"}),e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1529"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1529",className:"text-[#AAB7C8] text-[11px]",children:"Cobalt"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1531",className:"flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1532",className:"w-4 h-4 rounded-[6px] bg-[#F2A23A]"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1533",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1533",className:"text-white font-medium",children:"8â12%"}),e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1533"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1533",className:"text-[#AAB7C8] text-[11px]",children:"Amber"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1535",className:"flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1536",className:"w-4 h-4 rounded-[6px] bg-[#4D4BC8]"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1537",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1537",className:"text-white font-medium",children:"5â8%"}),e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1537"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1537",className:"text-[#AAB7C8] text-[11px]",children:"Violet"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1539",className:"flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1540",className:"w-4 h-4 rounded-[6px] bg-white border border-white/20"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1541",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1541",className:"text-white font-medium",children:"3â5%"}),e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1541"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1541",className:"text-[#AAB7C8] text-[11px]",children:"White"})]})]})]})]})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1548",className:"grid md:grid-cols-5 ga
162p-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1550",className:"rounded-[16px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1551",className:"h-2 w-full",style:{background:"linear-gradient(90deg, #000000, #000000, #0A0A12, #111118, #0B1B35)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1552",className:"p-4",children:[e.jsxs("h5",{"data-loc":"client/src/pages/Design.tsx:1553",className:"text-white text-[13px] font-semibold mb-3 flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1554",className:"w-2 h-2 rounded-full bg-[#000000] border border-white/20"}),"Dark Foundation"]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1557",className:"space-y-1",children:[{hex:"#000000",name:"True Black"},{hex:"#000000",name:"Page Canvas"},{hex:"#0A0A12",name:"Deep Void"},{hex:"#111118",name:"Surface Dark"},{hex:"#0B1B35",name:"Elevated"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1565",className:"flex items-center gap-2 py-1.5 px-2 rounded-[8px] hover:bg-white/[0.03] transition-colors",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1566",className:"w-6 h-6 rounded-[6px] border border-white/10 shrink-0",style:{background:s.hex}}
162),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1567",className:"min-w-0",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1568",className:"text-[11px] text-white/80 block truncate",children:s.name}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1569",className:"text-[10px] text-[#48484A] font-mono",children:s.hex})]})]},s.hex))})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1578",className:"rounded-[16px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(41,151,255,0.12)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1579",className:"h-2 w-full",style:{background:"linear-gradient(90deg, #0A3D7A, #1A6FD4, #1E5BFF, #5CB3FF, #99D1FF)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1580",className:"p-4",children:[e.jsxs("h5",{"data-loc":"client/src/pages/Design.tsx:1581",className:"text-[#1E5BFF] text-[13px] font-semibold mb-3 flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1582",className:"w-2 h-2 rounded-full bg-[#1E5BFF]"}),"Cobalt Blue"]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1585",className:"space-y-1",children:[{hex:"#0A3D7A",name:"Deep Cobalt"},{hex:"#1A6FD4",name:"Mid Cobalt"},{hex:"#1E5BFF",name:"DeskOfficer Blue"},{hex:"#5CB3FF",name:"Blue Glow"},{hex:"#99D1FF",name:"Reflected Blue"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1593",className:"flex items-center gap-2 py-1.5 px-2 rounded-[8px] hover:bg-white/[0.03] transition-colors",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1594",className:"w-6 h-6 rounded-[6px] shrink-0",style:{background:s.hex}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1595",className:"min-w-0",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1596",className:"text-[11px] text-white/80 block truncate",children:s.name}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1597",className:"text-[10px] text-[#48484A] font-mono",children:s.hex})]})]},s.hex))})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1606",className:"rounded-[16px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(242,162,58,0.12)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1607",className:"h-2 w-full",style:{background:"linear-gradient(90deg, #8B5A1B, #C77B2E, #F2A23A, #FFD17A, #FFB088)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1608",className:"p-4",children:[e.jsxs("h5",{"data-loc":"client/src/pages/Design.tsx:1609",className:"text-[#F2A23A] text-[13px] font-semibold mb-3 flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1610",className:"w-2 h-2 rounded-full bg-[#F2A23A]"}),"Warm Amber"]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1613",className:"space-y-1",children:[{hex:"#8B5A1B",name:"Deep Amber"},{hex:"#C77B2E",name:"Amber Core"},{hex:"#F2A23A",name:"Signal Amber"},{hex:"#FFD17A",name:"Soft Gold"},{hex:"#FFB088",name:"Peach Glow"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1621",className:"flex items-center gap-2 py-1.5 px-2 rounded-[8px] hover:bg-white/[0.03] transition-colors",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1622",className:"w-6 h-6 rounded-[6px] shrink-0",style:{background:s.hex}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1623",className:"min-w-0",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1624",className:"text-[11px] text-white/80 block truncate",children:s.name}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1625",className:"text-[10px] text-[#48484A] font-mono",children:s.hex})]})]},s.hex))})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1634",className:"rounded-[16px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(77,75,200,0.12)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1635",className:"h-2 w-full",style:{background:"linear-gradient(90deg, #1A1848, #2A2878, #4D4BC8, #7B79E0, #A9A4FF)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1636",className:"p-4",children:[e.jsxs("h5",{"data-loc":"client/src/pages/Design.tsx:1637",className:"text-[#A9A4FF] text-[13px] font-semibold mb-3 flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1638",className:"w-2 h-2 rounded-full bg-[#A9A4FF]"}),"Atmospheric Violet"]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1641",className:"space-y-1",children:[{hex:"#1A1848",name:"Deepest Violet"},{hex:"#2A2878",name:"Deep Violet"},{hex:"#4D4BC8",name:"Violet Haze"},{hex:"#7B79E0",name:"Mid Lavender"},{hex:"#A9A4FF",name:"Lavender Glow"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1649",className:"flex items-center gap-2 py-1.5 px-2 rounded-[8px] hover:bg-white/[0.03] transition-colors",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1650",className:"w-6 h-6 rounded-[6px] shrink-0",style:{background:s.hex}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1651",className:"min-w-0",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1652",className:"text-[11px] text-white/80 block truncate",children:s.name}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1653",className:"text-[10px] text-[#48484A] font-mono",children:s.hex})]})]},s.hex))})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1662",className:"rounded-[16px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1663",className:"h-2 w-full",style:{background:"linear-gradient(90deg, #FFFFFF, #E5E5EA, #AAB7C8, #FF453A, #30D158)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1664",className:"p-4",children:[e.jsxs("h5",{"data-loc":"client/src/pages/Design.tsx:1665",className:"text-white text-[13px] font-semibold mb-3 flex items-center gap-2",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1666",className:"w-2 h-2 rounded-full bg-white border border-white/40"}),"White & Signal"]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1669",className:"space-y-1",children:[{hex:"#FFFFFF",name:"Pure White"},{hex:"#E5E5EA",name:"Cool White"},{hex:"#AAB7C8",name:"Muted Gray"},{hex:"#FF453A",name:"Signal Red"},{hex:"#30D158",name:"Signal Green"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1677",className:"flex items-center gap-2 py-1.5 px-2 rounded-[8px] hover:bg-white/[0.03] transition-colors",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1678",className:"w-6 h-6 rounded-[6px] shrink-0",style:{background:s.hex,border:s.hex==="#FFFFFF"?"1px solid rgba(255,255,255,0.2)":void 0}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1679",className:"min-w-0",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1680",className:"text-[11px] text-white/80 block truncate",children:s.name}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1681",className:"text-[10px] text-[#48484A] font-mono",children:s.hex})]})]},s.hex))})]})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1691",className:"mt-10 rounded-[20px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1692",className:"p-8",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1693",className:"text-white font-semibold mb-6",children:"Three-Hue Logic"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1694",className:"grid md:grid-cols-3 gap-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1695",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1696",className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1697",className:"w-3 h-3 rounded-full bg-[#1E5BFF]"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1698",className:"text-[14px] text-white font-medium",children:"Cobalt = The System"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1700",className:"text-[13px] text-[#AAB7C8] leading-[1.6]",children:"Intelligence, AI, automation, technology, precision. The dominant chromatic energy. Appears as rim light, glow, reflections, and key lighting."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1702",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1703",className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1704",className:"w-3 h-3 rounded-full bg-[#F2A23A]"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1705",className:"text-[14px] text-white font-medium",children:"Amber = The Human"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1707",className:"text-[13px] text-[#AAB7C8] leading-[1.6]",children:"Service, warmth, trust, human presence, connection. Appears as practical light sources (desk lamps, screen glow, handset light) and skin-adjacent warmth."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1709",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1710",className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1711",className:"w-3 h-3 rounded-full bg-[#A9A4FF]"}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1712",className:"text-[14px] text-white font-medium",children:"Violet = The Atmosphere"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1714",className:"text-[13px] text-[#AAB7C8] leading-[1.6]",children:"Retro-futurism, depth, cinematic atmosphere, editorial mood. Never dominant. Appears as far-distance haze, horizon glow, and subtle background gradients."})]})]})]})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1722",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1723",className:"text-white text-xl font-semibold mb-3",children:"Lighting Setups"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1724",className:"text-[15px] text-[#AAB7C8] leading-[1.6] mb-6 max-w-[720px]",children:"Five canonical lighting combinations that use the three-hue system. Each setup defines how cobalt, amber, and violet interact to create mood."}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1725",className:"grid md:grid-cols-2 lg:grid-cols-3 gap-5",children:[{name:"Intelligence",desc:"Cobalt key light from above-left. Violet fill from below-right. Blue glow rim. Black void with grain. The default setup for most imagery.",use:"AI, automation, systems, technology",preview:"radial-gradient(ellipse at 30% 30%, rgba(41,151,255,0.4) 0%, rgba(77,75,200,0.1) 40%, #000 75%)"},{name:"Human Service",desc:"Warm amber from practical source (lamp, screen). Cool
162cobalt ambient fill. Soft gold rim on edges. Dark institutional space.",use:"Operators, trust, human oversight",preview:"radial-gradient(ellipse at 50% 50%, rgba(242,162,58,0.35) 0%, rgba(41,151,255,0.08) 50%, #000 80%)"},{name:"Institutional Authority",desc:"Cool white key from above. Deep cobalt atmosphere. Lavender haze accent at distance. Monumental, civic.",use:"Government, law, civic infrastructure",preview:"linear-gradient(180deg, rgba(229,229,234,0.12) 0%, rgba(10,61,122,0.15) 40%, #0A0A12 100%)"},{name:"Emergency Signal",desc:"Small signal red accent against pure black. Blue glow contrasting. High contrast, restrained. Red never exceeds 10% of frame.",use:"Crisis, TDoS, overload, threat",preview:"radial-gradient(circle at 30% 50%, rgba(255,69,58,0.3) 0%, rgba(41,151,255,0.05) 40%, #000 70%)"},{name:"Retro-Futurist Dream",desc:"Lavender haze key. Deep cobalt fill. Amber warm punctuation. Gradient void with heavy grain. The most atmospheric setup.",use:"Brand moments, aspirational, editorial",preview:"linear-gradient(135deg, rgba(169,164,255,0.15) 0%, rgba(77,75,200,0.1) 30%, rgba(242,162,58,0.05) 60%, #000 100%)"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1733",className:"rounded-[20px] overflow-hidden",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1734",className:"h-20 w-full relative",style:{background:s.preview},children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1735",className:"absolute inset-0",style:{backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSI0IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbHRlcj0idXJsKCNuKSIgb3BhY2l0eT0iMC4wNCIvPjwvc3ZnPg==')",opacity:.5}})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1737",className:"p-6",children:[e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1738",className:"text-white font-semibold text-[15px] mb-2",children:s.name}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1739",className:"text-[14px] text-[#AAB7C8] leading-[1.6] mb-4",children:s.desc}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1740",className:"flex flex-wrap gap-2",children:s.use.split(", ").map(t=>e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1742",className:"text-[11px] text-[#1E5BFF] uppercase tracking-[0.08em] px-2.5 py-1 rounded-full",style:{background:"rgba(41,151,255,0.08)",border:"1px solid rgba(41,151,255,0.15)"},children:t},t))})]})]},s.name))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1752",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1753",className:"text-white text-xl font-semibold mb-6",children:"Decision Rule: Which Mode?"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1754",className:"grid md:grid-cols-2 gap-5",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1755",className:"rounded-[20px] overflow-hidden relative",style:{background:"#0B1B35",border:"1px solid rgba(41,151,255,0.25)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1756",className:"absolute top-0 left-0 right-0 h-[2px]",style:{background:"linear-gradient(90deg, transparent 0%, #1E5BFF 50%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1757",className:"p-7",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1758",className:"flex items-center gap-3 mb-5",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1759",className:"inline-flex items-center justify-center w-9 h-9 rounded-[10px] text-[12px] font-bold",style:{background:"linear-gradient(135deg, #1E5BFF 0%, #0A3D7A 100%)",color:"#fff"},children:"A"}),e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1760",className:"text-white font-semibold text-[15px]",children:"Use Editorial Illustration when:"})]}),e.jsx("ul",{"data-loc":"client/src/pages/Design.tsx:1762",className:"space-y-3 pl-1",children:["Storytelling is central","A symbolic hero image is needed","A section needs an iconic visual","Brand myth or message needs dramatization"].map(s=>e.jsxs("li",{"data-loc":"client/src/pages/Design.tsx:1764",className:"flex items-center gap-3 text-[14px] text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1765",className:"w-1.5 h-1.5 rounded-full bg-[#1E5BFF] shrink-0"}),s]},s))})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1772",className:"rounded-[20px] overflow-hidden relative",style:{background:"#0B1B35",border:"1px solid rgba(255,255,255,0.12)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1773",className:"absolute top-0 left-0 right-0 h-[2px]",style:{background:"linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1774",className:"p-7",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1775",className:"flex items-center gap-3 mb-5",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1776",className:"inline-flex items-center justify-center w-9 h-9 rounded-[10px] text-[12px] font-bold",style:{background:"linear-gradient(135deg, #E5E5EA 0%, #48484A 100%)",color:"#000000"},children:"B"}),e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1777",className:"text-white font-semibold text-[15px]",children:"Use Atmospheric Fields when:"})]}),e.jsx("ul",{"data-loc":"client/src/pages/Design.tsx:1779",className:"space-y-3 pl-1",children:["Copy needs branded supp
162ort behind it","Speed and repeatability matter","Narrative imagery is unnecessary","Layout flexibility is important"].map(s=>e.jsxs("li",{"data-loc":"client/src/pages/Design.tsx:1781",className:"flex items-center gap-3 text-[14px] text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1782",className:"w-1.5 h-1.5 rounded-full bg-white/40 shrink-0"}),s]},s))})]})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1793",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1794",className:"text-white text-xl font-semibold mb-6",children:"Hard Exclusions"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1795",className:"rounded-[20px] overflow-hidden relative",style:{background:"#0B1B35",border:"1px solid rgba(255,69,58,0.25)"},children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1796",className:"absolute top-0 left-0 right-0 h-[2px]",style:{background:"linear-gradient(90deg, transparent 0%, #FF453A 50%, transparent 100%)"}}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1797",className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse at 50% 0%, rgba(255,69,58,0.06) 0%, transparent 50%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1798",className:"relative z-10 p-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1799",className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1800",className:"w-8 h-8 rounded-[10px] flex items-center justify-center",style:{background:"rgba(255,69,58,0.12)",border:"1px solid rgba(255,69,58,0.25)"},children:e.jsx(F,{"data-loc":"client/src/pages/Design.tsx:1801",className:"w-4 h-4 text-[#FF453A]"})}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1803",className:"text-[12px] tracking-[0.15em] uppercase text-[#FF453A] font-semibold",children:"Prohibited"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1805",className:"grid md:grid-cols-2 gap-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1806",children:[e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1807",className:"text-white text-[15px] font-semibold mb-4",children:"Never Generate"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1808",className:"space-y-2",children:["Photorealism","Stock-photo composition","Literal office/call center scenes","Readable text, logos, watermarks","Fake UI, SaaS dashboards","Cartoons, anime, mascots","Glossy CGI","Tactical police action, SWAT scenes","Cyberpunk city scenes, neon overload"].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1810",className:"flex items-center gap-2.5 text-[13px] text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1811",className:"w-1 h-1 rounded-full bg-[#FF453A] shrink-0"}),s]},s))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1817",children:[e.jsx("h5",{"data-loc":"client/src/pages/Design.tsx:1818",className:"text-white text-[15px] font-semibold mb-4",children:"Never Feel Like"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1819",className:"space-y-2",children:["Generic startup gradient","Crypto conference branding","AI vaporwave poster","Playful consumer tech","Cheap abstract wallpaper","Stock design backdrop","Chaotic digital art","Generic keynote template","SaaS notification cards"].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1821",className:"flex items-center gap-2.5 text-[13px] text-[#AAB7C8]",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1822",className:"w-1 h-1 rounded-full bg-[#FF453A] shrink-0"}),s]},s))})]})]})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1834",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1835",className:"text-white text-xl font-semibold mb-4",children:"Photography Treatment: Emerging from Black"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1836",className:"text-[17px] leading-[1.6] text-[#AAB7C8] max-w-[720px] mb-8",children:"When photographic or rendered imagery is used on the website, it emerges from the black canvas through careful scrim overlays. The darkness is part of the composition."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1840",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1841",className:"text-white font-semibold mb-4",children:"Hero Treatment: Full-Bleed with Gradient Scrim"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1842",className:"rounded-[20px] overflow-hidden relative min-h-[480px]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:1843",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1844",className:"absolute inset-0",style:{background:"linear-gradient(90deg, #000000 0%, rgba(8,8,15,0.7) 40%, rgba(8,8,15,0.15) 70%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1845",className:"relative z-10 p-12 md:p-16 flex flex-col justify-center min-h-[480px]",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1846",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"24/7 CALL HANDLING"}),e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1847",className:"text-[clamp(36px,5vw,56px)] leading-[0.96] tracking-[-0.02em] text-white mb-6 max-w-[550
162px]",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Every non-emergency call answered."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1848",className:"text-[17px] text-white/70 max-w-[440px] mb-8",children:"DeskOfficer helps public safety agencies automate routine caller experiences."}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1849",className:"flex items-center gap-4",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:1850",className:"px-7 py-3.5 rounded-full bg-[#1E5BFF] text-white text-sm font-semibold",children:"Get Started"}),e.jsxs(l,{"data-loc":"client/src/pages/Design.tsx:1851",variant:"large",children:[e.jsx(v,{"data-loc":"client/src/pages/Design.tsx:1851",className:"w-4 h-4"})," Watch Demo"]})]})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1856",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1857",className:"text-white font-semibold mb-4",children:"Card Treatment: Bottom Gradient Reveal"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1858",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1859",className:"rounded-[20px] overflow-hidden relative aspect-[4/3]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:1860",src:h,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1861",className:"absolute inset-0",style:{background:"linear-gradient(to top, #000000 15%, rgba(8,8,15,0.7) 35%, rgba(8,8,15,0.1) 55%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1862",className:"absolute bottom-0 left-0 right-0 p-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1863",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-2",children:"FRONT DESK AI"}),e.jsxs("h4",{"data-loc":"client/src/pages/Design.tsx:1864",className:"text-[28px] font-semibold tracking-tight text-white",children:["Professional presence,",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1864"}),"24/7 availability."]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1867",className:"rounded-[20px] overflow-hidden relative aspect-[4/3]",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:1868",src:x,alt:"",className:"absolute inset-0 w-full h-full object-cover object-right"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1869",className:"absolute inset-0",style:{background:"linear-gradient(135deg, #000000 15%, rgba(8,8,15,0.7) 40%, rgba(8,8,15,0.1) 60%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1870",className:"absolute top-0 left-0 p-8",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1871",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-2",children:"DISPATCH SUPPORT"}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:1872",className:"text-[28px] font-semibold tracking-tight text-white max-w-[320px]",children:"Reduce burden on critical operations."})]})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1879",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1880",className:"text-white text-xl font-semibold mb-6",children:"Use Case Mapping"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1881",className:"rounded-[20px] overflow-hidden",style:{border:"1px solid rgba(255,255,255,0.08)"},children:e.jsxs("table",{"data-loc":"client/src/pages/Design.tsx:1882",className:"w-full text-[13px]",children:[e.jsx("thead",{"data-loc":"client/src/pages/Design.tsx:1883",children:e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1884",style:{background:"rgba(255,255,255,0.03)"},children:[e.jsx("th",{"data-loc":"client/src/pages/Design.tsx:1885",className:"text-left p-5 text-white font-medium border-b border-white/[0.06]",children:"Context"}),e.jsx("th",{"data-loc":"client/src/pages/Design.tsx:1886",className:"text-left p-5 text-white font-medium border-b border-white/[0.06]",children:"Recommended Mode"})]})}),e.jsxs("tbody",{"data-loc":"client/src/pages/Design.tsx:1889",className:"text-[#AAB7C8]",children:[e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1890",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1890",className:"p-5",children:"Hero section with copy"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1890",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"signal_field or horizon_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1891",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1891",className:"p-5",children:"Quote block"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1891",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"veil_field or signal_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1892",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1892",className:"p-5",children:"Deck divider"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1892",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"portal_field or horizon_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1893",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1893",className:"p-5",children:"CTA panel"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1893",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"panel_field or pulse_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1894",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1894",className:"p-5",children:"Social post with large type"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1894",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"signal_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1895",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1895",className:"p-5",children:"Report cover"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1895",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"horizon_field or portal_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1896",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1896",className:"p-5",children:"Stat slide"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1896",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"panel_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1897",className:"border-b border-white/[0.04]",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1897",className:"p-5",children:"Web card background"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1897",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"low_density panel_field"})]}),e.jsxs("tr",{"data-loc":"client/src/pages/Design.tsx:1898",children:[e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1898",className:"p-5",children:"Ad background"}),e.jsx("td",{"data-loc":"client/src/pages/Design.tsx:1898",className:"p-5 font-mono text-[12px] text-[#1E5BFF]",children:"medium_density signal_field"})]})]})]})})]})]}),a==="layout"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1908",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1909",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1910",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Layout System"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:1911",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Bento grids.",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1912"}),"Generous space."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1915",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1916",className:"text-white text-xl font-semibold mb-8",children:"Bento Grid: Feature Showcase"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1917",className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1918",className:"col-span-2 row-span-2 bg-[#0B1B35] rounded-[20px] p-8 relative overflow-hidden border border-white/5",children:[e.jsx("img",{"data-loc":"client/src/pages/Design.tsx:1919",src:h,alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-30"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1920",className:"absolute inset-0 bg-gradient-to-t from-[#0B1B35] via-[#0B1B35]/80 to-transparent"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1921",className:"relative z-10 h-full flex flex-col justify-end min-h-[240px]",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1922",className:"w-12 h-12 rounded-full bg-[#1E5BFF]/10 flex items-center justify-center mb-4",children:e.jsx(O,{"data-loc":"client/src/pages/Design.tsx:1923",className:"w-6 h-6 text-[#1E5BFF]"})}),e.jsxs("h4",{"data-loc":"client/src/pages/Design.tsx:1925",className:"text-[28px] font-semibold text-white mb-2",children:["Fly through demanding",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1925"}),"calls up to 6x faster."]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1926",className:"text-[#AAB7C8] text-[15px]",children:"AI-powered response generation with real-time context awareness."})]})]}),[{icon:N,color:"#FF453A",text:`CJIS compliant 163end-to-end.`},{icon:R,color:"#30D158",text:`140+ languages 164supported.`},{icon:A,color:"#FFD60A",text:`24/7/365 165availability.`},{icon:C,color:"#BF5AF2",text:`Seamless 166escalation.`}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1935",className:"bg-[#0B1B35] rounded-[20px] p-6 flex flex-col justify-between min-h-[120px] border border-white/5",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1936",className:"w-10 h-10 rounded-full flex items-center justify-center",style:{background:`${s.color}15`},children:e.jsx(s.icon,{"data-loc":"client/src/pages/Design.tsx:1937",className:"w-5 h-5",style:{color:s.color}})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1939",className:"text-white text-[15px] font-semibold mt-4 whitespace-pre-line",children:s.text})]},t))]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1944",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:1945",className:"text-white text-xl font-semibold mb-8",children:"Spacing Scale"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1946",className:"bg-[#0B1B35] rounded-[20px] p-10",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1947",className:"space-y-4",children:[{size:"4px",usage:"Inline icon gaps"},{size:"8px",usage:"Tight element spacing"},{size:"16px",usage:"Card internal padding"},{size:"24px",usage:"Section sub-gaps"},{size:"32px",usage:"Component separation"},{size:"48px",usage:"Major section gaps"},{size:"96px",usage:"Section breathing room"},{size:"128px",usage:"Hero vertical padding"}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1958",className:"flex items-center gap-6",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1959",className:"w-16 shrink-0",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1959",className:"h-3 rounded-sm bg-[#1E5BFF]",style:{width:`${Math.min(parseInt(s.size)/2,64)}px`}})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1960",className:"text-white text-sm font-mono w-20",children:s.size}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1961",className:"text-[#AAB7C8] text-sm",children:s.usage})]},t))})})]})]}),a==="motion"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1972",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1973",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1974",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Motion & Animation"}),e.jsxs("h2",{"data-loc":"client/src/pages/Design.tsx:1975",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:["Purposeful motion.",e.jsx("br",{"data-loc":"client/src/pages/Design.tsx:1976"}),"Never decorative."]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:1978",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:1979",className:"text-white font-semibold",children:"Animation serves comprehension, not spectacle."})," ","Elements fade in as they enter viewport. Transitions feel physical. Nothing bounces, jiggles, or demands attention. No hover jump-ups."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1985",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:198
1666",className:"text-white text-xl font-semibold mb-8",children:"Timing & Easing"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1987",className:"bg-[#0B1B35] rounded-[20px] p-10",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:1988",className:"space-y-6",children:[{name:"Micro",duration:"150ms",easing:"ease-out",usage:"Hover states, opacity changes"},{name:"Standard",duration:"300ms",easing:"cubic-bezier(0.25, 0.1, 0.25, 1)",usage:"Card transitions, reveals"},{name:"Expressive",duration:"500ms",easing:"cubic-bezier(0.16, 1, 0.3, 1)",usage:"Page transitions, hero entrances"},{name:"Dramatic",duration:"800ms",easing:"cubic-bezier(0.16, 1, 0.3, 1)",usage:"Scroll-triggered reveals, stats"}].map((s,t)=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:1995",className:"flex items-center gap-6 py-3 border-b border-white/5 last:border-0",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1996",className:"text-white text-sm font-medium w-24",children:s.name}),e.jsx("code",{"data-loc":"client/src/pages/Design.tsx:1997",className:"text-xs text-[#AAB7C8] font-mono w-32",children:s.duration}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:1998",className:"text-[#AAB7C8] text-sm flex-1",children:s.usage})]},t))})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2006",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2007",className:"text-white text-xl font-semibold mb-8",children:"Live Examples"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2008",className:"space-y-6",children:[e.jsx(u,{"data-loc":"client/src/pages/Design.tsx:2011",label:"Fade In Up (Standard Entry)",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2012",className:"space-y-4",children:[0,1,2].map(s=>e.jsx(D.div,{"data-loc":"client/src/pages/Design.tsx:2014",initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.5,delay:s*.15,ease:[.16,1,.3,1]},className:"bg-white/5 rounded-xl p-5 border border-white/10",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2021",className:"flex items-center gap-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2022",className:"w-8 h-8 rounded-full bg-[#1E5BFF]/10 flex items-center justify-center",children:e.jsx(p,{"data-loc":"client/src/pages/Design.tsx:2023",className:"w-4 h-4 text-[#1E5BFF]"})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2025",children:[e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2026",className:"text-white text-sm font-medium",children:["Feature card ",s+1]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2027",className:"text-[#AAB7C8] text-xs",children:"Fades in with 150ms stagger"})]})]})},s))})}),e.jsx(u,{"data-loc":"client/src/pages/Design.tsx:2036",label:"Scale In (Modal / Panel Entry)",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2037",className:"flex items-center justify-center min-h-[200px]",children:e.jsx(D.div,{"data-loc":"client/src/pages/Design.tsx:2038",initial:{opacity:0,scale:.92},animate:{opacity:1,scale:1},transition:{duration:.4,ease:[.16,1,.3,1]},children:e.jsxs(d,{"data-loc":"client/src/pages/Design.tsx:2043",intensity:"medium",className:"p-8 max-w-[320px]",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:2044",className:"text-white text-lg font-semibold mb-2",children:"Glass Panel"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2045",className:"text-white/60 text-sm",children:"Scales from 92% to 100% with opacity fade. Used for modals, popovers, and floating UI."})]})})})}),e.jsx(u,{"data-loc":"client/src/pages/Design.tsx:2052",label:"Number Counter (Stat Reveal)",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2053",className:"grid grid-cols-3 gap-6",children:[{target:98.7,suffix:"%",label:"Resolution Rate"},{target:1.8,suffix:"s",label:"Avg Response"},{target:500,suffix:"+",label:"Agencies"}].map((s,t)=>e.jsx(oe,{"data-loc":"client/src/pages/Design.tsx:2059",target:s.target,suffix:s.suffix,label:s.label,delay:t*.2},t))})}),e.jsx(u,{"data-loc":"client/src/pages/Design.tsx:2065",label:"Cross-Reference: Staggered Entry",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2066",className:"flex flex-col items-center justify-center py-8",children:[e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2067",className:"text-[#AAB7C8] text-[14px] text-center",children:["Full staggered entry demo available at ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2067",className:"text-[#1E5BFF]",children:"/components"})," tab 5."]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2068",className:"text-[#48484A] text-xs font-mono mt-2",children:"Timing: 600ms per item, stagger 100ms, ease [0.16, 1, 0.3, 1]"})]})}),e.jsx(u,{"data-loc":"client/src/pages/Design.tsx:2073",label:"Slide In (Navigation / Sidebar)",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2074",className:"flex gap-4 min-h-[200px]",children:[e.jsx(D.div,{"data-loc":"client/src/pages/Design.tsx:2075",initial:{opacity:0,x:-40}
166,animate:{opacity:1,x:0},transition:{duration:.5,ease:[.16,1,.3,1]},className:"w-48 bg-white/5 rounded-[16px] border border-white/10 p-4 space-y-3",children:["Dashboard","Calls","Analytics","Settings"].map(s=>e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2082",className:"px-3 py-2 rounded-lg text-sm text-[#AAB7C8] hover:bg-white/5 hover:text-white transition-colors cursor-pointer",children:s},s))}),e.jsx(D.div,{"data-loc":"client/src/pages/Design.tsx:2085",initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,delay:.2},className:"flex-1 bg-white/[0.02] rounded-[16px] border border-white/5 p-6 flex items-center justify-center",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2091",className:"text-[#AAB7C8] text-sm",children:"Content area fades in after sidebar"})})]})})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2099",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2100",className:"text-white text-xl font-semibold mb-8",children:"Rules"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2101",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2102",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-[#30D158]/20",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2103",className:"text-[#30D158] text-sm font-semibold mb-4",children:"DO"}),e.jsxs("ul",{"data-loc":"client/src/pages/Design.tsx:2104",className:"text-[#AAB7C8] text-[15px] space-y-2",children:[e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2105",children:"⢠Fade elements in on scroll (opacity + translateY)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2106",children:"⢠Use consistent easing: cubic-bezier(0.16, 1, 0.3, 1)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2107",children:"⢠Stagger sibling elements by 80-150ms"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2108",children:"⢠Buttons/links: change bg, border, glow on hover (no position shift)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2109",children:"⢠Cards/sections: opacity or border-color changes only on hover"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2110",children:"⢠Respect prefers-reduced-motion (disable translateY, keep opacity)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2111",children:"⢠Trigger scroll animations only when section enters viewport"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2114",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-[#FF453A]/20",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2115",className:"text-[#FF453A] text-sm font-semibold mb-4",children:"DON'T"}),e.jsxs("ul",{"data-loc":"client/src/pages/Design.tsx:2116",className:"text-[#AAB7C8] text-[15px] space-y-2",children:[e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2117",children:"⢠Bounce or spring animations"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2118",children:"⢠Move elements on hover (no translateY jump-up, ever)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2119",children:"⢠Use delays longer than 400ms"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2120",children:"⢠Animate layout properties (width, height)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2121",children:"⢠Change cursor to text on non-editable elements"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2122",children:"⢠Animate logo on hover (logo must remain static)"})]})]})]})]})]}),a==="patterns"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2132",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2133",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2134",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"UI Patterns"}),e.jsx("h2",{"data-loc":"client/src/pages/Design.tsx:2135",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Patterns for every state."}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2138",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2139",className:"text-white font-semibold",children:"Loading, feedback, navigation, and empty states."})," ","These patterns ensure the interface communicates clearly at every moment."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2145",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2146",className:"text-white text-xl font-semibold mb-8",children:"Loading States"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2147",className:"grid md:grid-cols-3 gap-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2149",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2150",className:"text-[#AAB7C8] text-xs font-mono uppercase tracking-wider mb-4",children:"Skeleton Screen"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2151",className:"space-y-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2152",className:"h-4 w-3/4 rounded-full bg-white/[0.06] animate-pulse"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2153",className:"h-4 w-full rounded-full bg-white/[0.06] animate-pulse"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2154",className:"h-4 w-5/6 rounded-full bg-white/[0.06] animate-pulse"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2155",className:"h-20 w-full rounded-[12px] bg-white/[0.06] animate-pulse mt-4"})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2157",className:"text-[#48484A] text-xs font-mono mt-4",children:"bg-white/[0.06] + animate-pulse"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2161",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2162",className:"text-[#AAB7C8] text-xs font-mono uppercase tracking-wider mb-4",children:"Shimmer Card"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2163",className:"space-y-3",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2164",className:"h-32 w-full rounded-[12px] overflow-hidden relative bg-white/[0.04]",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2165",className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.06] to-transparent animate-[shimmer_2s_infinite]",style:{animation:"shimmer 2s infinite",backgroundSize:"200% 100%"}})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2167",className:"h-4 w-2/3 rounded-full overflow-hidden relative bg-white/[0.04]",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2168",className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.06] to-transparent",style:{animation:"shimmer 2s infinite",backgroundSize:"200% 100%"}})})]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2171",className:"text-[#48484A] text-xs font-mono mt-4",children:"gradient sweep via @keyframes shimmer"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2175",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2176",className:"text-[#AAB7C8] text-xs font-mono uppercase tracking-wider mb-4",children:"Spinner"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2177",className:"flex items-center justify-center h-32",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2178",className:"relative",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2179",className:"w-10 h-10 rounded-full border-2 border-white/10"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2180",className:"absolute inset-0 w-10 h-10 rounded-full border-2 border-transparent border-t-[#1E5BFF] animate-spin"})]})}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2183",className:"text-[#48484A] text-xs font-mono mt-4",children:"border-t-accent + animate-spin. Use sparingly."})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2189",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2190",className:"text-white text-xl font-semibold mb-8",children:"Toast Notifications"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2191",className:"space-y-4 max-w-[420px]",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2193",className:"flex items-center gap-3 bg-[#0B1B35] rounded-[16px] px-5 py-4 border border-[#30D158]/20",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2194",className:"w-8 h-8 rounded-full bg-[#30D158]/10 flex items-center justify-center shrink-0",children:e.jsx("svg",{"data-loc":"client/src/pages/Design.tsx:2195",className:"w-4 h-4 text-[#30D158]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{"data-loc":"client/src/pages/Design.tsx:2195",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2197",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2198",className:"text-white text-[14px] font-medium",children:"Call routed successfully"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2199",className:"text-[#AAB7C8] text-[12px]",children:"Transferred to Non-Emergency queue"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2203",className:"flex items-center gap-3 bg-[#0B1B35] rounded-[16px] px-5 py-4 border border-[#FF453A]/20",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2204",className:"w-8 h-8 rounded-full bg-[#FF453A]/10 flex items-center justify-center shrink-0",children:e.jsx("svg",{"data-loc":"client/src/pages/Design.tsx:2205",className:"w-4 h-4 text-[#FF453A]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{"data-loc":"client/src/pages/Design.tsx:2205",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2207",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2208",className:"text-white text-[14px] font-medium",children:"Connection failed"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2209",className:"text-[#AAB7C8] text-[12px]",children:"Unable to reach transcription service"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2213",className:"flex items-center gap-3 bg-[#0B1B35] rounded-[16px] px-5 py-4 border border-[#FFD60A]/20",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2214",className:"w-8 h-8 rounded-full bg-[#FFD60A]/10 flex items-center justify-center shrink-0",children:e.jsx("svg",{"data-loc":"client/src/pages/Design.tsx:2215",className:"w-4 h-4 text-[#FFD60A]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{"data-loc":"client/src/pages/Design.tsx:2215",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2217",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2218",className:"text-white text-[14px] font-medium",children:"High call volume detected"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2219",className:"text-[#AAB7C8] text-[12px]",children:"Average wait time exceeding 30s"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2223",className:"flex items-center gap-3 bg-[#0B1B35] rounded-[16px] px-5 py-4 border border-[#1E5BFF]/20",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2224",className:"w-8 h-8 rounded-full bg-[#1E5BFF]/10 flex items-center justify-center shrink-0",children:e.jsx("svg",{"data-loc":"client/src/pages/Design.tsx:2225",className:"w-4 h-4 text-[#1E5BFF]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{"data-loc":"client/src/pages/Design.tsx:2225",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2227",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2228",className:"text-white text-[14px] font-medium",children:"System update scheduled"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2229",className:"text-[#AAB7C8] text-[12px]",children:"Maintenance window: 2:00-2:15 AM CST"})]})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2233",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5 mt-6 max-w-[420px]",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2234",className:"text-xs text-[#AAB7C8] font-mono",children:"Position: top-right, 16px from edge. Entry: slide from right + fade. Duration: 4s auto-dismiss. Border: 1px category-color/20. Uses sonner library."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2239",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2240",className:"text-white text-xl font-semibold mb-8",children:"Modal / Dialog"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2241",className:"relative rounded-[20px] overflow-hidden border border-white/5 bg-[#0A0A0A] p-8",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2243",className:"absolute inset-0 bg-black/60 backdrop-blur-sm"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2245",className:"relative max-w-[480px] mx-auto bg-[#0B1B35] rounded-[20px] border border-white/10 overflow-hidden",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2247",className:"px-6 py-5 border-b border-white/5",children:[e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:2248",className:"text-white text-[17px] font-semibold",children:"Confirm Escalation"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2249",className:"text-[#AAB7C8] text-[13px] mt-1",children:"This action will transfer the caller to a live operator."})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2252",className:"px-6 py-6",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2253",className:"bg-[#0A0A0A] rounded-[12px] p-4 border border-white/5",children:[e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2254",className:"text-[#AAB7C8] text-[13px]",children:["Caller: ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2254",className:"text-white",children:"Maria Santos"})]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2255",className:"text-[#AAB7C8] text-[13px] mt-1",children:["Duration: ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2255",className:"text-white",children:"4:32"})]}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2256",className:"text-[#AAB7C8] text-[13px] mt-1",children:["Reason: ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2256",className:"text-[#FF453A]",children:"Caller distressed, requesting human"})]})]})}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2260",className:"px-6 py-4 border-t border-white/5 flex items-center justify-end gap-3",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2261",className:"px-5 py-2.5 rounded-full text-[13px] font-medium text-white/70 hover:text-white transition-colors",children:"Cancel"}),e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2262",className:"px-5 py-2.5 rounded-full bg-[#FF453A] text-white text-[13px] font-semibold hover:bg-[#FF453A]/90 transition-colors",children:"Escalate Now"})]})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2266",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5 mt-6",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2267",className:"text-xs text-[#AAB7C8] font-mono",children:"Backdrop: bg-black/60 + backdrop-blur-sm. Modal: bg-[#0B1B35], rounded-[20px], border-white/10. Entry: scale(0.95) + opacity 0 to scale(1) + opacity 1, 200ms. Max-width: 480px (sm), 640px (md), 800
166px (lg)."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2272",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2273",className:"text-white text-xl font-semibold mb-8",children:"Mobile Navigation"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2274",className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2276",className:"bg-[#0B1B35] rounded-[20px] border border-white/5 overflow-hidden",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2277",className:"px-5 py-4 border-b border-white/5 flex items-center justify-between",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2278",className:"text-white text-[15px] font-semibold",children:"DeskOfficer"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2279",className:"flex flex-col gap-1.5 w-6",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2280",className:"h-[2px] bg-white rounded-full"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2281",className:"h-[2px] bg-white rounded-full w-4 ml-auto"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2282",className:"h-[2px] bg-white rounded-full"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2285",className:"p-5 space-y-1",children:[["Solutions","How It Works","Security","About","Contact"].map((s,t)=>e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2287",className:`px-4 py-3 rounded-[12px] text-[15px] font-medium ${t===0?"text-[#1E5BFF] bg-[#1E5BFF]/5":"text-[#AAB7C8]"}`,children:s},s)),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2289",className:"pt-4 mt-4 border-t border-white/5",children:e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2290",className:"w-full px-5 py-3 rounded-full bg-[#1E5BFF] text-white text-[14px] font-semibold",children:"Book a Demo"})})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2296",className:"bg-[#0B1B35] rounded-[20px] border border-white/5 overflow-hidden",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2297",className:"px-5 py-4 border-b border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2298",className:"text-[#AAB7C8] text-xs font-mono uppercase tracking-wider mb-2",children:"Bottom Sheet"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2299",className:"w-10 h-1 rounded-full bg-white/20 mx-auto mb-3"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2300",className:"text-white text-[17px] font-semibold",children:"Select Department"})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2302",className:"p-5 space-y-2",children:["Non-Emergency","Front Desk","Records","Jail Admin","Animal Control"].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2304",className:"flex items-center justify-between px-4 py-3 rounded-[12px] hover:bg-white/5 transition-colors",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2305",className:"text-white text-[15px]",children:s}),e.jsx(j,{"data-loc":"client/src/pages/Design.tsx:2306",className:"w-4 h-4 text-[#48484A]"})]},s))})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2312",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5 mt-6",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2313",className:"text-xs text-[#AAB7C8] font-mono",children:"Mobile nav: full-screen overlay, bg-[#0A0A0A]/95 + backdrop-blur-xl. Entry: slide from right, 300ms. Bottom sheet: slide from bottom, drag-to-dismiss, handle indicator 40x4px rounded-full."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2318",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2319",className:"text-white text-xl font-semibold mb-8",children:"Empty States"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2320",className:"grid md:grid-cols-3 gap-6",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2321",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5 flex flex-col items-center text-center",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2322",className:"w-16 h-16 rounded-full bg-[#1E5BFF]/10 flex items-center justify-center mb-4",children:e.jsx(p,{"data-loc":"client/src/pages/Design.tsx:2323",className:"w-7 h-7 text-[#1E5BFF]/50"})}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:2325",className:"text-white text-[15px] font-semibold mb-2",children:"No calls yet"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2326",className:"text-[#AAB7C8] text-[13px] leading-[1.5] mb-4",children:"Calls will appear here once your AI agent starts handling them."}),e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2327",className:"px-4 py-2 rounded-full bg-[#1E5BFF]/10 text-[#1E5BFF] text-[13px] font-medium",children:"Configure Agent"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2329",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5 flex flex-col items-center text-center",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2330",className:"w-16 h-16 rounded-full bg-[#FFD60A]/10 flex items-center justify-center mb-4",children:e.jsx(k,{"data-loc":"client/src/pages/Design.tsx:2331",className:"w-7 h-7 text-[#FFD60A]/50"})}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:2333",className:"text-white text-[15px] font-semibold mb-2",children:"No data available"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2334",className:"text-[#AAB7C8] text-[13px] leading-[1.5] mb-4",children:"Analytics will populate after your first week of operation."}),e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2335",className:"px-4 py-2 rounded-full bg-[#FFD60A]/10 text-[#FFD60A] text-[13px] font-medium",children:"View Sample Data"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2337",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5 flex flex-col items-center text-center",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2338",className:"w-16 h-16 rounded-full bg-[#AAB7C8]/10 flex items-center justify-center mb-4",children:e.jsx(B,{"data-loc":"client/src/pages/Design.tsx:2339",className:"w-7 h-7 text-[#AAB7C8]/50"})}),e.jsx("h4",{"data-loc":"client/src/pages/Design.tsx:2341",className:"text-white text-[15px] font-semibold mb-2",children:"No results found"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2342",className:"text-[#AAB7C8] text-[13px] leading-[1.5] mb-4",children:"Try adjusting your search terms or clearing filters."}),e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2343",className:"px-4 py-2 rounded-full bg-white/5 text-white/70 text-[13px] font-medium",children:"Clear Filters"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2349",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2350",className:"text-white text-xl font-semibold mb-8",children:"Form Validation"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2351",className:"max-w-[480px] bg-[#0B1B35] rounded-[20px] p-8 border border-white/5",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2352",className:"space-y-5",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2354",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:2355",className:"text-[#AAB7C8] text-[12px] font-medium uppercase tracking-wider block mb-2",children:"Agency Name"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2356",className:"relative",children:[e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:2357",type:"text",value:"Metro Police Department",readOnly:!0,className:"w-full px-4 py-3 rounded-full bg-[#0A0A0A] text-white text-[15px] border border-[#30D158]/30 outline-none"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2358",className:"absolute right-3 top-1/2 -translate-y-1/2 w-5 h-5 rounded-full bg-[#30D158]/10 flex items-center justify-center",children:e.jsx("svg",{"data-loc":"client/src/pages/Design.tsx:2359",className:"w-3 h-3 text-[#30D158]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{"data-loc":"client/src/pages/Design.tsx:2359",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2364",children:[e.jsx("label",{"data-loc":"client/src/pages/Design.tsx:2365",className:"text-[#AAB7C8] text-[12px] font-medium uppercase tracking-wider block mb-2",children:"Email Address"}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:2366",type:"text",value:"admin@metro",readOnly:!0,className:"w-full px-4 py-3 rounded-full bg-[#0A0A0A] text-white text-[15px] border border-[#FF453A]/40 outline-none",style:{boxShadow:"0 0 0 3px rgba(255,69,58,0.1)"}}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2367",className:"text-[#FF453A] text-[12px] mt-2 ml-4",children:"Please enter a valid email address"})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2370",children:[e.jsxs("label",{"data-loc":"client/src/pages/Design.tsx:2371",className:"text-[#AAB7C8] text-[12px] font-medium uppercase tracking-wider block mb-2",children:["Phone Number ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2371",className:"text-[#FF453A]",children:"*"})]}),e.jsx("input",{"data-loc":"client/src/pages/Design.tsx:2372",type:"text",placeholder:"(555) 000-0000",readOnly:!0,className:"w-full px-4 py-3 rounded-full bg-[#0A0A0A] text-white/30 text-[15px] border border-[#FF453A]/30 outline-none"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2373",className:"text-[#FF453A] text-[12px] mt-2 ml-4",children:"This field is required"})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2376",className:"pt-4",children:e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2377",className:"w-full px-6 py-3.5 rounded-full bg-white/5 text-white/40 text-[14px] font-semibold cursor-not-allowed",children:"Submit (Disabled until valid)"})})]})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2381",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5 mt-6 max-w-[480px]",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2382",className:"text-xs text-[#AAB7C8] font-mono",children:"Validation: inline, on blur. Error border: category-color/40 + 3px glow ring. Success: green border + check icon. Required indicator: red asterisk. Submit disabled until all fields valid."})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2387",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2388",className:"text-white text-xl font-semibold mb-8",children:"Footer"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2389",className:"bg-[#0A0A0A] rounded-[20px] border border-white/5 overflow-hidden",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2390",className:"p-10",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2391",className:"grid md:grid-cols-4 gap-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2392",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2393",className:"text-white text-[15px] font-semibold mb-4",children:"DeskOfficer"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2394",className:"text-[#AAB7C8] text-[13px] leading-[1.6]",children:"AI-powered call handling for public safety agencies."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2396",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2397",className:"text-[#48484A] text-[11px] font-mono uppercase tracking-wider mb-3",children:"Solutions"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2398",className:"space-y-2",children:["Non-Emergency","Front Desk","Jail Admin","Records"].map(s=>e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2400",className:"text-[#AAB7C8] text-[14px] hover:text-white transition-colors cursor-pointer",children:s},s))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2404",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2405",className:"text-[#48484A] text-[11px] font-mono uppercase tracking-wider mb-3",children:"Company"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2406",className:"space-y-2",children:["About","Security","Careers","Contact"].map(s=>e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2408",className:"text-[#AAB7C8] text-[14px] hover:text-white transition-colors cursor-pointer",children:s},s))})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2412",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2413",className:"text-[#48484A] text-[11px] font-mono uppercase tracking-wider mb-3",children:"Legal"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2414",className:"space-y-2",children:["Privacy Policy","Terms of Service","CJIS Compliance"].map(s=>e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2416",className:"text-[#AAB7C8] text-[14px] hover:text-white transition-colors cursor-pointer",children:s},s))})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2421",className:"mt-10 pt-6 border-t border-white/5 flex items-center justify-between",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2422",className:"text-[#48484A] text-[12px]",children:"© 2025 DeskOfficer. All rights reserved."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2423",className:"text-[#48484A] text-[12px]",children:"CJIS Compliant ⢠SOC 2 Type II"})]})]})})]})]}),a==="responsive"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2433",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2434",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2435",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Responsive Design"}),e.jsx("h2",{"data-loc":"client/src/pages/Design.tsx:2436",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Every screen, considered."}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2439",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2440",className:"text-white font-semibold",children:"Mobile-first, desktop-enhanced."})," ","Components adapt fluidly across breakpoints with intentional layout shifts."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2446",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2447",className:"text-white text-xl font-semibold mb-8",children:"Breakpoint System"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2448",className:"bg-[#0B1B35] rounded-[20px] border border-white/5 overflow-hidden",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2449",className:"grid grid-cols-[120px_1fr_1fr] gap-px bg-white/[0.06]",children:[e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2450",className:"bg-[#0A0A0A] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2450",className:"text-[#48484A] text-[11px] font-mono uppercase",children:"Breakpoint"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2451",className:"bg-[#0A0A0A] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2451",className:"text-[#48484A] text-[11px] font-mono uppercase",children:"Width"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2452",className:"bg-[#0A0A0A] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2452",className:"text-[#48484A] text-[11px] font-mono uppercase",children:"Behavior"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2454",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2454",className:"text-[#FF453A] text-[13px] font-mono",children:"mobile"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2455",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2455",className:"text-white text-[13px]",children:"0
166- 639px"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2456",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2456",className:"text-[#AAB7C8] text-[13px]",children:"Single column. Full-width cards. Bottom sheet nav. Horizontal scroll for benefits."})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2458",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2458",className:"text-[#FFD60A] text-[13px] font-mono",children:"sm"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2459",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2459",className:"text-white text-[13px]",children:"640 - 767px"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2460",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2460",className:"text-[#AAB7C8] text-[13px]",children:"2-column grids begin. Larger touch targets retained."})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2462",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2462",className:"text-[#30D158] text-[13px] font-mono",children:"md"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2463",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2463",className:"text-white text-[13px]",children:"768 - 1023px"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2464",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2464",className:"text-[#AAB7C8] text-[13px]",children:"Bento grid activates. Side-by-side layouts. Top nav replaces hamburger."})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2466",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2466",className:"text-[#1E5BFF] text-[13px] font-mono",children:"lg"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2467",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2467",className:"text-white text-[13px]",children:"1024 - 1279px"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2468",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2468",className:"text-[#AAB7C8] text-[13px]",children:"Full bento layouts. Feature explorer split view. Max content width: 1200px."})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2470",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2470",className:"text-[#BF5AF2] text-[13px] font-mono",children:"xl"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2471",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2471",className:"text-white text-[13px]",children:"1280px+"})}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2472",className:"bg-[#0B1B35] p-4",children:e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2472",className:"text-[#AAB7C8] text-[13px]",children:"Centered container. Generous whitespace. Parallax effects enabled."})})]})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2478",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2479",className:"text-white text-xl font-semibold mb-8",children:"Component Adaptation"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2480",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2481",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2482",className:"text-[#1E5BFF] text-xs font-semibold uppercase tracking-wider mb-3",children:"Cards"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2483",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Mobile: full-width stack. Tablet: 2-col grid. Desktop: bento grid with varied spans. Horizontal scroll rows on mobile, visible full row on desktop."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2485",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2486",className:"text-[#30D158] text-xs font-semibold uppercase tracking-wider mb-3",children:"Navigation"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2487",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Mobile: hamburger + full-screen overlay. Tablet: condensed top nav. Desktop: full horizontal nav with glass effect."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2489",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2490",className:"text-[#FFD60A] text-xs font-semibold uppercase tracking-wider mb-3",children:"Typography"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2491",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Use clamp() for fluid sizing. Headlines: clamp(32px, 5vw, 64px). Body: 15-17px fixed. Never go below 13px for any text."})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2493",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2494",className:"text-[#BF5AF2] text-xs font-semibold uppercase tracking-wider mb-3",children:"Motion"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2495",className:"text-[#AAB7C8] text-[14px] leading-[1.6]",children:"Mobile: reduce parallax intensity by 50%. Disable parallax entirely below 768px. Keep fade-in animations on all sizes. Horizontal scroll with progress dots on mobile."})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2501",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2502",className:"text-white text-xl font-semibold mb-8",children:"Spacing Scale"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2503",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5",children:e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2504",className:"space-y-4",children:[[{token:"section-gap",mobile:"64px",desktop:"120px",usage:"Between major page sections"},{token:"card-gap",mobile:"12px",desktop:"16px",usage:"Between grid cards"}
166,{token:"container-pad",mobile:"16px",desktop:"24px",usage:"Page edge padding"},{token:"content-max",mobile:"100%",desktop:"1200px",usage:"Max content width"},{token:"card-pad",mobile:"20px",desktop:"32px",usage:"Internal card padding"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2512",className:"grid grid-cols-[140px_80px_80px_1fr] gap-4 items-center",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2513",className:"text-white text-[13px] font-mono",children:s.token}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2514",className:"text-[#FF453A] text-[13px] font-mono",children:s.mobile}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2515",className:"text-[#30D158] text-[13px] font-mono",children:s.desktop}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2516",className:"text-[#AAB7C8] text-[13px]",children:s.usage})]},s.token)),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2519",className:"grid grid-cols-[140px_80px_80px_1fr] gap-4 items-center pt-3 border-t border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2520",className:"text-[#48484A] text-[11px] font-mono",children:"TOKEN"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2521",className:"text-[#48484A] text-[11px] font-mono",children:"MOBILE"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2522",className:"text-[#48484A] text-[11px] font-mono",children:"DESKTOP"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2523",className:"text-[#48484A] text-[11px] font-mono",children:"USAGE"})]})]})})]})]}),a==="accessibility"&&e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2533",className:"space-y-24",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2534",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2535",className:"text-[13px] tracking-[0.2em] uppercase text-[#1E5BFF] mb-4",children:"Accessibility & System Rules"}),e.jsx("h2",{"data-loc":"client/src/pages/Design.tsx:2536",className:"text-[clamp(32px,5vw,64px)] leading-[1.0] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Playfair Display", Georgia, serif',fontWeight:400,fontStyle:"italic"},children:"Inclusive by default."}),e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2539",className:"text-[21px] leading-[1.5] text-[#AAB7C8] max-w-[720px] mb-16",children:[e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2540",className:"text-white font-semibold",children:"Dark-only. Accessible. Considered."})," ","System-level rules that ensure consistency and usability for all users."]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2546",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2547",className:"text-white text-xl font-semibold mb-8",children:"Dark-Only System"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2548",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2549",className:"text-white text-[17px] font-semibold mb-4",children:"This design system is dark-only. There is no light mode."}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2550",className:"text-[#AAB7C8] text-[15px] leading-[1.6]",children:"The dark canvas is fundamental to the brand identity. All components, tokens, and imagery are designed exclusively for dark backgrounds. The near-black (#000000) canvas creates cinematic depth and allows imagery to emerge naturally."})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2555",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2556",className:"text-white text-xl font-semibold mb-8",children:"Cursor Behavior"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2557",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2558",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-[#30D158]/20",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2559",className:"text-[#30D158] text-sm font-semibold mb-4",children:"CORRECT"}),e.jsxs("ul",{"data-loc":"client/src/pages/Design.tsx:2560",className:"text-[#AAB7C8] text-[15px] space-y-2",children:[e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2561",children:"⢠Default cursor on all text (never text cursor)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2562",children:"⢠Pointer cursor on buttons and interactive elements"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2563",children:"⢠Pointer cursor on links and clickable cards"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2564",children:"⢠Text cursor only inside editable input fields"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2567",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-[#FF453A]/20",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2568",className:"text-[#FF453A] text-sm font-semibold mb-4",children:"INCORRECT"}),e.jsxs("ul",{"data-loc":"client/src/pages/Design.tsx:2569",className:"text-[#AAB7C8] text-[15px] space-y-2",children:[e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2570",children:"⢠Text cursor on headings or body copy"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2571",children:"⢠Grab cursor on non-draggable elements"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2572",children:"⢠Custom cursors (no custom cursor images)"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2573",children:"⢠Changing cursor on logo hover"})]})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2580",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2581",className:"text-white text-xl font-semibold mb-8",children:"Contrast Requirements"}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2582",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5",children:e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2583",className:"space-y-4",children:[{pair:"White on #000000",ratio:"19.5:1",status:"AAA",color:"#30D158"},{pair:"#AAB7C8 on #000000",ratio:"5.2:1",status:"AA",color:"#30D158"},{pair:"#1E5BFF on #000000",ratio:"4.8:1",status:"AA",color:"#30D158"},{pair:"#48484A on #000000",ratio:"2.8:1",status:"Decorative only",color:"#FFD60A"},{pair:"#3A3A3C on #000000",ratio:"2.1:1",status:"Borders only",color:"#FFD60A"}].map(s=>e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2591",className:"flex items-center justify-between",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2592",className:"text-white text-[14px] font-mono",children:s.pair}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2593",className:"flex items-center gap-4",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2594",className:"text-[#AAB7C8] text-[13px] font-mono",children:s.ratio}),e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2595",className:"text-[12px] font-medium px-2 py-0.5 rounded-full",style:{color:s.color,background:`${s.color}15`},children:s.status})]})]},s.pair))})})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2604",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2605",className:"text-white text-xl font-semibold mb-8",children:"Reduced Motion"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2606",className:"bg-[#0B1B35] rounded-[20px] p-8 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2607",className:"text-white text-[15px] font-semibold mb-4",children:"@media (prefers-reduced-motion: reduce)"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2608",className:"bg-[#0A0A0A] rounded-[12px] p-5 font-mono text-[13px] text-[#AAB7C8] leading-[1.8]",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2609",className:"text-[#48484A]",children:"/* When user prefers reduced motion: */"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2610",children:"⢠Disable all translateY/translateX entrance animations"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2611",children:"⢠Keep opacity fades (they are non-disorienting)"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2612",children:"⢠Disable parallax scroll effects entirely"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2613",children:"⢠Reduce carousel auto-advance speed or disable it"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2614",children:"⢠Keep hover state changes (color, border, glow)"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2615",children:"⢠Disable stagger delays (sh
166ow all items immediately)"})]})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2621",children:[e.jsx("h3",{"data-loc":"client/src/pages/Design.tsx:2622",className:"text-white text-xl font-semibold mb-8",children:"Focus Management"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2623",className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2624",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2625",className:"text-[#1E5BFF] text-xs font-semibold uppercase tracking-wider mb-3",children:"Focus Ring Style"}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2626",className:"space-y-3 mt-4",children:[e.jsx("button",{"data-loc":"client/src/pages/Design.tsx:2627",className:"px-5 py-2.5 rounded-full bg-[#1E5BFF] text-white text-[13px] font-semibold",style:{boxShadow:"0 0 0 2px #000000, 0 0 0 4px rgba(41,151,255,0.5)"},children:"Focused Button"}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2628",className:"text-[#AAB7C8] text-[13px] mt-3",children:"2px gap ring + 2px accent ring at 50% opacity"})]})]}),e.jsxs("div",{"data-loc":"client/src/pages/Design.tsx:2631",className:"bg-[#0B1B35] rounded-[20px] p-6 border border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2632",className:"text-[#30D158] text-xs font-semibold uppercase tracking-wider mb-3",children:"Tab Order Rules"}),e.jsxs("ul",{"data-loc":"client/src/pages/Design.tsx:2633",className:"text-[#AAB7C8] text-[14px] space-y-2 mt-4",children:[e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2634",children:"⢠All interactive elements must be keyboard-reachable"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2635",children:"⢠Modal traps focus until dismissed"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2636",children:"⢠Skip-to-content link on every page"}),e.jsx("li",{"data-loc":"client/src/pages/Design.tsx:2637",children:"⢠Logical tab order follows visual layout"})]})]})]})]}),e.jsx("div",{"data-loc":"client/src/pages/Design.tsx:2644",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2645",className:"text-[#AAB7C8] text-[14px]",children:["For full interactive component demos with scroll-triggered animations, parallax, and staggered entries, see ",e.jsx("span",{"data-loc":"client/src/pages/Design.tsx:2645",className:"text-[#1E5BFF]",children:"/components"})," (Apple-Inspired Patterns library)."]})})]})]})]})}function oe({target:a,suffix:o,label:c,delay:n}){const[g,s]=b.useState(0),t=b.useRef(null);return b.useEffect(()=>{const E=setTimeout(()=>{const I=a/40;let f=0;const w=setInterval(()=>{f+=I,f>=a?(s(a),clearInterval(w)):s(f)},1200/40);return()=>clearInterval(w)},n*1e3);return()=>clearTimeout(E)},[a,n]),e.jsxs(D.div,{"data-loc":"client/src/pages/Design.tsx:2680",ref:t,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:n,ease:[.16,1,.3,1]},className:"text-center",children:[e.jsxs("p",{"data-loc":"client/src/pages/Design.tsx:2687",className:"text-[48px] font-semibold tracking-tight text-white",children:[a%1===0?Math.round(g):g.toFixed(1),o]}),e.jsx("p",{"data-loc":"client/src/pages/Design.tsx:2690",className:"text-[#AAB7C8] text-sm mt-1",children:c})]})}export{fe as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.