Unpacking...
\n\n
\n
\n
Artifact 1 \u00b7 Claude for Small Business<\u002Ftitle>\n\n<style>/* Anthropicons v2 Icon Font \u2014 261 icons, 2 families \u00d7 2 weights */\n\n@font-face { font-family: \"anthropicons-16\"; src: url(\"2f37cdb4-bfaf-425b-a3ef-18fee31af6d9\") format(\"woff2\"); font-weight: 400; font-style: normal; }\n@font-face { font-family: \"anthropicons-16\"; src: url(\"e6ed1369-c3c6-40f0-879e-f9cf6298ae18\") format(\"woff2\"); font-weight: 700; font-style: normal; }\n@font-face { font-family: \"anthropicons-20\"; src: url(\"e4535edb-bf9d-45b5-947a-256b9e03848a\") format(\"woff2\"); font-weight: 400; font-style: normal; }\n@font-face { font-family: \"anthropicons-20\"; src: url(\"48d0149f-82b0-44f3-9b7d-f4590bb32e14\") format(\"woff2\"); font-weight: 700; font-style: normal; }\n\n[class^=\"ai-\"]::before, [class*=\" ai-\"]::before {\n font-family: \"anthropicons-20\";\n font-weight: inherit;\n font-style: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n display: inline-block;\n vertical-align: -0.15em;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.ai-tier-16 [class^=\"ai-\"]::before, .ai-tier-16 [class*=\" ai-\"]::before,\n.ai-tier-16[class^=\"ai-\"]::before, .ai-tier-16[class*=\" ai-\"]::before {\n font-family: \"anthropicons-16\";\n}\n\n.ai-Activity::before { content: \"\\f205\"; }\n.ai-Add::before { content: \"\\f204\"; }\n.ai-AddCircle::before { content: \"\\f203\"; }\n.ai-Agent::before { content: \"\\f202\"; }\n.ai-Alarm::before { content: \"\\f201\"; }\n.ai-Android::before { content: \"\\f200\"; }\n.ai-Ant::before { content: \"\\f1ff\"; }\n.ai-Apple::before { content: \"\\f1fe\"; }\n.ai-Archive::before { content: \"\\f1fd\"; }\n.ai-ArrowDown::before { content: \"\\f1fc\"; }\n.ai-ArrowDownCircle::before { content: \"\\f1fb\"; }\n.ai-ArrowInSquare::before { content: \"\\f1fa\"; }\n.ai-ArrowLeft::before { content: \"\\f1f9\"; }\n.ai-ArrowLeftCircle::before { content: \"\\f1f8\"; }\n.ai-ArrowOutSquare::before { content: \"\\f1f7\"; }\n.ai-ArrowReturn::before { content: \"\\f1f6\"; }\n.ai-ArrowRight::before { content: \"\\f1f5\"; }\n.ai-ArrowRightCircle::before { content: \"\\f1f4\"; }\n.ai-ArrowsOut::before { content: \"\\f1ef\"; }\n.ai-ArrowSplitRight::before { content: \"\\f1f3\"; }\n.ai-ArrowUp::before { content: \"\\f1f2\"; }\n.ai-ArrowUpCircle::before { content: \"\\f1f1\"; }\n.ai-ArrowUpRight::before { content: \"\\f1f0\"; }\n.ai-Artifacts::before { content: \"\\f1ee\"; }\n.ai-Atom::before { content: \"\\f1ed\"; }\n.ai-Attachment::before { content: \"\\f1ec\"; }\n.ai-Batch::before { content: \"\\f1eb\"; }\n.ai-Beaker::before { content: \"\\f1ea\"; }\n.ai-Binoculars::before { content: \"\\f1e9\"; }\n.ai-Book::before { content: \"\\f1e8\"; }\n.ai-BookClosed::before { content: \"\\f1e7\"; }\n.ai-BookText::before { content: \"\\f1e6\"; }\n.ai-Box::before { content: \"\\f1e5\"; }\n.ai-BrowseSelect::before { content: \"\\f1e4\"; }\n.ai-Bullhorn::before { content: \"\\f1e3\"; }\n.ai-Cache::before { content: \"\\f1e2\"; }\n.ai-Calendar::before { content: \"\\f1e1\"; }\n.ai-Camera::before { content: \"\\f1e0\"; }\n.ai-Capacity::before { content: \"\\f1df\"; }\n.ai-CaretDown::before { content: \"\\f1de\"; }\n.ai-CaretDownUp::before { content: \"\\f1dd\"; }\n.ai-CaretLeft::before { content: \"\\f1dc\"; }\n.ai-CaretRight::before { content: \"\\f1db\"; }\n.ai-CaretUp::before { content: \"\\f1da\"; }\n.ai-CaretUpDown::before { content: \"\\f1d9\"; }\n.ai-ChangesPlusMinus::before { content: \"\\f1d8\"; }\n.ai-Chart::before { content: \"\\f1d7\"; }\n.ai-ChartLine::before { content: \"\\f1d6\"; }\n.ai-Chat::before { content: \"\\f1d5\"; }\n.ai-ChatAdd::before { content: \"\\f1d4\"; }\n.ai-ChatAddFilled::before { content: \"\\f1d3\"; }\n.ai-ChatDelete::before { content: \"\\f1d2\"; }\n.ai-ChatFilled::before { content: \"\\f1d1\"; }\n.ai-Chats::before { content: \"\\f1d0\"; }\n.ai-ChatsFilled::before { content: \"\\f1cf\"; }\n.ai-Check::before { content: \"\\f1ce\"; }\n.ai-CheckCircle::before { content: \"\\f1cd\"; }\n.ai-CheckCircleFilled::before { content: \"\\f1cc\"; }\n.ai-CheckDouble::before { content: \"\\f1cb\"; }\n.ai-Checklist::before { content: \"\\f1ca\"; }\n.ai-ChecklistFilled::before { content: \"\\f1c9\"; }\n.ai-Clipboard::before { content: \"\\f1c8\"; }\n.ai-ClipboardArrow::before { content: \"\\f1c7\"; }\n.ai-Clock::before { content: \"\\f1c6\"; }\n.ai-Cloud::before { content: \"\\f1c5\"; }\n.ai-CloudSlash::before { content: \"\\f1c4\"; }\n.ai-CloudSlashFilled::before { content: \"\\f1c3\"; }\n.ai-Code::before { content: \"\\f1c2\"; }\n.ai-CodeBlock::before { content: \"\\f1c1\"; }\n.ai-CodeBrackets::before { content: \"\\f1c0\"; }\n.ai-CodeFilled::before { content: \"\\f1bf\"; }\n.ai-CoffeeCup::before { content: \"\\f1be\"; }\n.ai-Collapse::before { content: \"\\f1bd\"; }\n.ai-CommandCard::before { content: \"\\f1bc\"; }\n.ai-CommandLine::before { content: \"\\f1bb\"; }\n.ai-CommandLineFilled::before { content: \"\\f1ba\"; }\n.ai-CommandLinePrompt::before { content: \"\\f1b9\"; }\n.ai-Compact::before { content: \"\\f1b8\"; }\n.ai-Computer::before { content: \"\\f1b7\"; }\n.ai-Concierge::before { content: \"\\f1b6\"; }\n.ai-Connectors::before { content: \"\\f1b5\"; }\n.ai-Copy::before { content: \"\\f1b4\"; }\n.ai-Create::before { content: \"\\f1b3\"; }\n.ai-CreditCard::before { content: \"\\f1b2\"; }\n.ai-Cursor::before { content: \"\\f1b1\"; }\n.ai-CursorFilled::before { content: \"\\f1b0\"; }\n.ai-Database::before { content: \"\\f1ae\"; }\n.ai-Disconnect::before { content: \"\\f1ad\"; }\n.ai-Dispatch::before { content: \"\\f1ac\"; }\n.ai-DNA::before { content: \"\\f1af\"; }\n.ai-DollarSign::before { content: \"\\f1ab\"; }\n.ai-DotsCircle::before { content: \"\\f1aa\"; }\n.ai-DotsHorizontal::before { content: \"\\f1a9\"; }\n.ai-DotsVertical::before { content: \"\\f1a8\"; }\n.ai-Download::before { content: \"\\f1a7\"; }\n.ai-Edit::before { content: \"\\f1a6\"; }\n.ai-Email::before { content: \"\\f1a5\"; }\n.ai-Evals::before { content: \"\\f1a4\"; }\n.ai-Expand::before { content: \"\\f1a3\"; }\n.ai-ExtendedThinking::before { content: \"\\f1a2\"; }\n.ai-Eye::before { content: \"\\f1a1\"; }\n.ai-EyeSlash::before { content: \"\\f1a0\"; }\n.ai-Fastforward::before { content: \"\\f19f\"; }\n.ai-File::before { content: \"\\f19e\"; }\n.ai-FileAdd::before { content: \"\\f19d\"; }\n.ai-Files::before { content: \"\\f19b\"; }\n.ai-FileUpload::before { content: \"\\f19c\"; }\n.ai-Filter::before { content: \"\\f19a\"; }\n.ai-Flag::before { content: \"\\f199\"; }\n.ai-Folder::before { content: \"\\f198\"; }\n.ai-FolderOpen::before { content: \"\\f197\"; }\n.ai-FolderPlus::before { content: \"\\f196\"; }\n.ai-Ghost::before { content: \"\\f195\"; }\n.ai-GhostFilled::before { content: \"\\f194\"; }\n.ai-Gift::before { content: \"\\f193\"; }\n.ai-GitBranch::before { content: \"\\f192\"; }\n.ai-GitCommit::before { content: \"\\f191\"; }\n.ai-GitDiff::before { content: \"\\f190\"; }\n.ai-GitFork::before { content: \"\\f18f\"; }\n.ai-GitMerge::before { content: \"\\f18e\"; }\n.ai-GitMergedConflict::before { content: \"\\f18d\"; }\n.ai-GitMergedSimple::before { content: \"\\f18c\"; }\n.ai-GitPullRequest::before { content: \"\\f18b\"; }\n.ai-GitPullRequestClosed::before { content: \"\\f18a\"; }\n.ai-GitPullRequestDraft::before { content: \"\\f189\"; }\n.ai-Globe::before { content: \"\\f188\"; }\n.ai-GraduationCap::before { content: \"\\f187\"; }\n.ai-Grid::before { content: \"\\f186\"; }\n.ai-Hand::before { content: \"\\f185\"; }\n.ai-HandHeart::before { content: \"\\f184\"; }\n.ai-Haptics::before { content: \"\\f183\"; }\n.ai-Help::before { content: \"\\f182\"; }\n.ai-History::before { content: \"\\f181\"; }\n.ai-Home::before { content: \"\\f180\"; }\n.ai-ID::before { content: \"\\f17f\"; }\n.ai-Image::before { content: \"\\f17e\"; }\n.ai-Indent::before { content: \"\\f17d\"; }\n.ai-Info::before { content: \"\\f17c\"; }\n.ai-InfoCircle::before { content: \"\\f17b\"; }\n.ai-Interactive::before { content: \"\\f17a\"; }\n.ai-Key::before { content: \"\\f179\"; }\n.ai-Keyboard::before { content: \"\\f178\"; }\n.ai-Laptop::before { content: \"\\f177\"; }\n.ai-LaptopFilled::before { content: \"\\f176\"; }\n.ai-Library::before { content: \"\\f175\"; }\n.ai-Lightbulb::before { content: \"\\f174\"; }\n.ai-Lightning::before { content: \"\\f173\"; }\n.ai-Link::before { content: \"\\f172\"; }\n.ai-LinkSimple::before { content: \"\\f171\"; }\n.ai-ListAdd::before { content: \"\\f170\"; }\n.ai-ListBullet::before { content: \"\\f16f\"; }\n.ai-ListNumbered::before { content: \"\\f16e\"; }\n.ai-Location::before { content: \"\\f16d\"; }\n.ai-LocationQuestionMark::before { content: \"\\f16c\"; }\n.ai-LocationSlash::before { content: \"\\f16b\"; }\n.ai-Lock::before { content: \"\\f16a\"; }\n.ai-LockOpen::before { content: \"\\f169\"; }\n.ai-LockShield::before { content: \"\\f168\"; }\n.ai-Logout::before { content: \"\\f167\"; }\n.ai-Mailbox::before { content: \"\\f166\"; }\n.ai-MapPin::before { content: \"\\f165\"; }\n.ai-Mcp::before { content: \"\\f164\"; }\n.ai-Memory::before { content: \"\\f163\"; }\n.ai-Mention::before { content: \"\\f162\"; }\n.ai-Menu::before { content: \"\\f161\"; }\n.ai-Microphone::before { content: \"\\f160\"; }\n.ai-MicrophoneFilled::before { content: \"\\f15f\"; }\n.ai-MicrophoneSlash::before { content: \"\\f15e\"; }\n.ai-Minus::before { content: \"\\f15d\"; }\n.ai-MobilePhone::before { content: \"\\f15c\"; }\n.ai-Moon::before { content: \"\\f15b\"; }\n.ai-MoonFilled::before { content: \"\\f15a\"; }\n.ai-MoonStars::before { content: \"\\f159\"; }\n.ai-Note::before { content: \"\\f158\"; }\n.ai-Notification::before { content: \"\\f157\"; }\n.ai-NotificationSlash::before { content: \"\\f156\"; }\n.ai-Organization::before { content: \"\\f155\"; }\n.ai-Owl::before { content: \"\\f154\"; }\n.ai-PaperPlane::before { content: \"\\f153\"; }\n.ai-Pause::before { content: \"\\f152\"; }\n.ai-Phone::before { content: \"\\f151\"; }\n.ai-Placeholder::before { content: \"\\f150\"; }\n.ai-Play::before { content: \"\\f14f\"; }\n.ai-PlayCircle::before { content: \"\\f14e\"; }\n.ai-PlayCircleFilled::before { content: \"\\f14d\"; }\n.ai-PlayFilled::before { content: \"\\f14c\"; }\n.ai-Plugin::before { content: \"\\f14b\"; }\n.ai-Press::before { content: \"\\f14a\"; }\n.ai-Pro::before { content: \"\\f149\"; }\n.ai-Prohibit::before { content: \"\\f148\"; }\n.ai-Projects::before { content: \"\\f147\"; }\n.ai-ProjectsFilled::before { content: \"\\f146\"; }\n.ai-ProjectsX::before { content: \"\\f145\"; }\n.ai-Prompt::before { content: \"\\f144\"; }\n.ai-Recording::before { content: \"\\f143\"; }\n.ai-Reload::before { content: \"\\f142\"; }\n.ai-Reorder::before { content: \"\\f141\"; }\n.ai-Research::before { content: \"\\f140\"; }\n.ai-Screenshare::before { content: \"\\f13f\"; }\n.ai-Scroll::before { content: \"\\f13e\"; }\n.ai-Search::before { content: \"\\f13d\"; }\n.ai-SearchCircle::before { content: \"\\f13c\"; }\n.ai-Select::before { content: \"\\f13b\"; }\n.ai-Settings::before { content: \"\\f13a\"; }\n.ai-Shapes::before { content: \"\\f139\"; }\n.ai-Share::before { content: \"\\f138\"; }\n.ai-ShareAndroid::before { content: \"\\f137\"; }\n.ai-ShareApple::before { content: \"\\f136\"; }\n.ai-Shuffle::before { content: \"\\f135\"; }\n.ai-Sidebar::before { content: \"\\f134\"; }\n.ai-SidebarClose::before { content: \"\\f133\"; }\n.ai-SidebarOpen::before { content: \"\\f132\"; }\n.ai-Signpost::before { content: \"\\f131\"; }\n.ai-SlashShortcutCommand::before { content: \"\\f130\"; }\n.ai-Slides::before { content: \"\\f12f\"; }\n.ai-Sort::before { content: \"\\f12e\"; }\n.ai-Speaker::before { content: \"\\f12d\"; }\n.ai-Spinner::before { content: \"\\f12c\"; }\n.ai-Spreadsheet::before { content: \"\\f12b\"; }\n.ai-Star::before { content: \"\\f12a\"; }\n.ai-StarFilled::before { content: \"\\f129\"; }\n.ai-StarSlash::before { content: \"\\f128\"; }\n.ai-Stop::before { content: \"\\f127\"; }\n.ai-StopCircle::before { content: \"\\f126\"; }\n.ai-StopFilled::before { content: \"\\f125\"; }\n.ai-Styles::before { content: \"\\f124\"; }\n.ai-Sun::before { content: \"\\f123\"; }\n.ai-SunFilled::before { content: \"\\f122\"; }\n.ai-SunHorizon::before { content: \"\\f121\"; }\n.ai-Tasks::before { content: \"\\f120\"; }\n.ai-Team::before { content: \"\\f11f\"; }\n.ai-Temperature::before { content: \"\\f11e\"; }\n.ai-TemperatureSimple::before { content: \"\\f11d\"; }\n.ai-TextAa::before { content: \"\\f11c\"; }\n.ai-TextBold::before { content: \"\\f11b\"; }\n.ai-TextItalics::before { content: \"\\f11a\"; }\n.ai-TextUnderline::before { content: \"\\f119\"; }\n.ai-ThumbsDown::before { content: \"\\f118\"; }\n.ai-ThumbsDownFilled::before { content: \"\\f117\"; }\n.ai-ThumbsUp::before { content: \"\\f116\"; }\n.ai-ThumbsUpFilled::before { content: \"\\f115\"; }\n.ai-Timer::before { content: \"\\f114\"; }\n.ai-Toggles::before { content: \"\\f113\"; }\n.ai-Token::before { content: \"\\f112\"; }\n.ai-Tool::before { content: \"\\f111\"; }\n.ai-Trash::before { content: \"\\f110\"; }\n.ai-Trust::before { content: \"\\f10f\"; }\n.ai-Upload::before { content: \"\\f10e\"; }\n.ai-User::before { content: \"\\f10d\"; }\n.ai-UserCircle::before { content: \"\\f10c\"; }\n.ai-Users::before { content: \"\\f10b\"; }\n.ai-Verified::before { content: \"\\f10a\"; }\n.ai-Voice::before { content: \"\\f109\"; }\n.ai-Warning::before { content: \"\\f108\"; }\n.ai-WarningCircle::before { content: \"\\f107\"; }\n.ai-WarningShield::before { content: \"\\f106\"; }\n.ai-Workspace::before { content: \"\\f105\"; }\n.ai-Wrench::before { content: \"\\f104\"; }\n.ai-WrenchFilled::before { content: \"\\f103\"; }\n.ai-X::before { content: \"\\f102\"; }\n.ai-XCircle::before { content: \"\\f101\"; }\n<\u002Fstyle>\n\n<style>\n @font-face {\n font-family: 'anthropicSans';\n src: url(\"f6a9064e-f47b-4431-819d-8304648e7d00\") format('woff2');\n font-weight: 100 900; font-style: normal;\n }\n @font-face {\n font-family: 'anthropicSans';\n src: url(\"53784b3e-38c8-4f80-8db1-7de3819fef5d\") format('woff2');\n font-weight: 100 900; font-style: italic;\n }\n @font-face {\n font-family: 'anthropicSerif';\n src: url(\"1d883279-36b3-4dbf-85f7-8466a982c51a\") format('woff2');\n font-weight: 100 900; font-style: normal;\n }\n\n *, *::before, *::after { box-sizing: border-box; }\n html, html, body { overflow-x: hidden; }\n body {\n margin: 0; padding: 0;\n background: transparent;\n font-family: anthropicSans, system-ui, sans-serif;\n color: rgb(20, 20, 19);\n -webkit-font-smoothing: antialiased;\n }\n\n /* -------- WEBFLOW CONTAINER PREVIEW --------\n Real container: 827px wide, 4:3, padding 64/72 desktop.\n Content extends beyond bottom + right edges, cropped by container.\n -------------------------------------------- */\n .stage {\n width: 100vw;\n height: 100vh;\n display: grid;\n place-items: center;\n padding: 0;\n }\n .scaler {\n width: min(100vw, calc(100vh * 4 / 3));\n height: min(100vh, calc(100vw * 3 / 4));\n aspect-ratio: 4 / 3;\n overflow: hidden;\n }\n .webflow-container {\n width: 827px;\n height: calc(827px * 3 / 4); /* 4:3 */\n background: transparent;\n /* Top + left padding only \u2014 white box extends to bottom + right edges */\n padding: 64px 0 0 72px;\n overflow: hidden;\n transform-origin: top left;\n }\n\n .safe-area {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n /* Desktop window \u2014 top + left aligned to the safe-area inset;\n right + bottom flush against the heather container edge.\n No border radius on top-right corner since it meets the frame edge.\n Content inside is fully visible \u2014 nothing gets cropped. */\n .window {\n position: absolute;\n left: 0; top: 0;\n right: 0; bottom: 0;\n width: auto;\n height: auto;\n background: #FFFFFF;\n border-radius: 12px 0 0 0;\n border: 0.5px solid rgba(31, 30, 29, 0.18);\n border-right: none;\n border-bottom: none;\n overflow: hidden;\n box-shadow:\n 0 24px 48px -24px rgba(20, 20, 19, 0.18),\n 0 4px 12px -4px rgba(20, 20, 19, 0.06);\n display: grid;\n grid-template-rows: 48px 1fr;\n }\n\n ::-webkit-scrollbar { width: 0; height: 0; }\n<\u002Fstyle>\n\n<script src=\"7efb5322-4035-42e8-b184-4687ba45fbef\" integrity=\"sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L\" crossorigin=\"anonymous\"><\u002Fscript>\n<script src=\"389c497f-f84c-4675-9b2b-5b07a9339aa9\" integrity=\"sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm\" crossorigin=\"anonymous\"><\u002Fscript>\n<script src=\"bda068ff-c6ab-4b50-adda-f7d9529f5a7b\" integrity=\"sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y\" crossorigin=\"anonymous\"><\u002Fscript>\n\n<script type=\"text/babel\" src=\"9c384972-55aa-4370-af79-098c57033d15\"><\u002Fscript>\n\n\n<\u002Fhead>\n<body>\n <div class=\"stage\">\n <div class=\"scaler\" id=\"scaler\">\n <div class=\"webflow-container\" id=\"wfc\">\n <div class=\"safe-area\">\n <div class=\"window\" id=\"root\"><\u002Fdiv>\n <\u002Fdiv>\n <\u002Fdiv>\n <\u002Fdiv>\n <\u002Fdiv>\n <script>\n // Proportional scale: whole thing behaves like an image.\n (function () {\n const scaler = document.getElementById('scaler');\n const wfc = document.getElementById('wfc');\n function resize() {\n const w = scaler.getBoundingClientRect().width;\n const s = w / 827;\n wfc.style.transform = 'scale(' + s + ')';\n }\n resize();\n window.addEventListener('resize', resize);\n new ResizeObserver(resize).observe(scaler);\n })();\n <\u002Fscript>\n\n\n<\u002Fbody><\u002Fhtml>"</script> </body> </html>