{"version":3,"file":"ZendeskCaseStudy.lfNPm7JO.mjs","names":["React.useRef","React.useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/B4LXDPxkBOYw8afifUYm/Gc7rjOjZyZFJYbAgPmq3/ZendeskCaseStudy.js"],"sourcesContent":["// @ts-ignore — Framer-generated component module URL.\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import CaseStudyImageFade from\"https://framer.com/m/CaseStudyImageFade-YYm1wf.js@cHTjpx39iMSqPxx6mOfH\";import*as React from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer,Link}from\"framer\";const cdn=\"https://images.squarespace-cdn.com/content/v1/59fa453a8c56a86dcc24b9a9/\";const artwork={hero:cdn+\"1575476012967-YAN9C6ORMLNAT6XHO8F2/garden-posters.png\",applications:cdn+\"1575476066302-8ENVAYB31I10COLJPLRQ/Group+40.png\",family:cdn+\"1575475989626-V5HWT2C2M30C22YLCPE8/Group+32.png\",plant:cdn+\"1577989492012-YRYQQPKO5U17V2X59QJO/GardenSystem-398.jpg\",flatlay:cdn+\"1577990989856-0V3GDRCNZ1M382GRPFRT/GardenSystem-485.jpg\",watering:cdn+\"1577990235256-UWKNUDKP370HDRZSXXYO/GardenSystem-1134.jpg\",website:cdn+\"1575476136813-I9IXPY9VH65S0FQRSQJT/Group+34.png\",library:cdn+\"1575485969594-MKBILTNEZF86JEVVMOHR/Group+49.png\",email:cdn+\"1575485756345-H1T4LTI7DWKHJIL9TUHY/BOFU+Desktop+Mockups.png\"};function Motion({src,poster,label,ratio,still}){const ref=React.useRef(null);const[reduce,setReduce]=React.useState(true);React.useEffect(()=>{const mq=window.matchMedia(\"(prefers-reduced-motion: reduce)\");const update=()=>setReduce(mq.matches);update();mq.addEventListener(\"change\",update);return()=>mq.removeEventListener(\"change\",update);},[]);React.useEffect(()=>{const video=ref.current;if(!video)return;if(reduce||still){video.pause();return;}const observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting&&!document.hidden)video.play().catch(()=>{});else video.pause();},{threshold:.1});const visibility=()=>{if(document.hidden)video.pause();};observer.observe(video);document.addEventListener(\"visibilitychange\",visibility);return()=>{observer.disconnect();document.removeEventListener(\"visibilitychange\",visibility);video.pause();};},[src,reduce,still]);return /*#__PURE__*/_jsx(\"div\",{className:\"zd-motion\",\"data-motion-state\":reduce||still?\"still\":\"animated\",style:{aspectRatio:ratio},children:reduce||still||!src?/*#__PURE__*/_jsx(\"img\",{src:poster,alt:label,width:ratio===1?720:1200,height:ratio===1?720:674}):/*#__PURE__*/_jsx(\"video\",{ref:ref,src:src,poster:poster,muted:true,loop:true,playsInline:true,controls:false,preload:\"metadata\",\"aria-label\":label})});}function WorkGallery({items,label,email=false}){const track=React.useRef(null);const dialog=React.useRef(null);const[selected,setSelected]=React.useState(null);const opener=React.useRef(null);React.useEffect(()=>{if(selected&&dialog.current&&!dialog.current.open)dialog.current.showModal();},[selected]);const close=()=>{dialog.current?.close();setSelected(null);opener.current?.focus();};const artwork=(item,full=false)=>item.column!==undefined?/*#__PURE__*/_jsx(\"div\",{role:\"img\",\"aria-label\":item.alt,className:\"zd-gallery-crop\",style:{backgroundImage:\"url('\"+item.src+\"')\",backgroundPosition:item.column/7*100+\"% top\",backgroundSize:\"800% 100%\",aspectRatio:\"312.5/784\"}}):/*#__PURE__*/_jsx(\"img\",{src:item.src,alt:item.alt,loading:full?\"eager\":\"lazy\",decoding:\"async\"});const step=direction=>track.current?.scrollBy({left:direction*(track.current.clientWidth*.8),behavior:window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches?\"auto\":\"smooth\"});return /*#__PURE__*/_jsxs(\"div\",{className:\"zd-work-gallery \"+(email?\"zd-email-gallery\":\"zd-event-gallery\"),children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-gallery-controls\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"Scroll to explore \\xb7 Click to enlarge\"}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":\"Previous \"+label,onClick:()=>step(-1),children:\"←\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":\"Next \"+label,onClick:()=>step(1),children:\"→\"})]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"zd-gallery-track\",ref:track,role:\"region\",\"aria-label\":label,tabIndex:0,children:items.map((item,i)=>/*#__PURE__*/_jsx(\"button\",{className:\"zd-gallery-card\",type:\"button\",\"aria-label\":\"View full \"+item.alt,onClick:e=>{opener.current=e.currentTarget;setSelected(item);},children:artwork(item)},item.src+String(item.column)))}),/*#__PURE__*/_jsxs(\"dialog\",{ref:dialog,className:\"zd-gallery-dialog\",\"aria-label\":selected?.alt||label,onCancel:e=>{e.preventDefault();close();},onClick:e=>{if(e.target===e.currentTarget)close();},onClose:()=>{setSelected(null);opener.current?.focus();},children:[/*#__PURE__*/_jsx(\"button\",{className:\"zd-gallery-close\",type:\"button\",autoFocus:true,onClick:close,\"aria-label\":\"Close enlarged artwork\",children:\"Close \\xd7\"}),selected&&/*#__PURE__*/_jsx(\"div\",{className:\"zd-gallery-full \"+(email?\"zd-gallery-full-email\":\"\"),children:artwork(selected,true)})]})]});}const ZDPhotoAssets={\"orange\":\"https://framerusercontent.com/images/MNy05jdiKsFFOGU0DeN0RSvnH9A.png\",\"rainbow\":\"https://framerusercontent.com/images/KOHcbRLFTtFj9m4F9QOCBDP0.png\",\"green\":\"https://framerusercontent.com/images/5YMwRc1GLRBUq3MWWiNfurW9AM.png\",\"puzzle\":\"https://framerusercontent.com/images/bY8Cnfx4AfUeQIwk1v9UOZwYvKo.png\",\"identity\":\"https://framerusercontent.com/images/BVNtMGTgsOe7jkhgx2tVGRjyUA.jpg\",\"puzzleWeb\":\"https://framerusercontent.com/images/nDDlUDpx9o8Fgot8e0LRW9eXf0M.png\",\"connectDesktop\":\"https://framerusercontent.com/images/nmsE1CS2NevCDaZvAvAgerr1lo.png\",\"connectMobile\":\"https://framerusercontent.com/images/Q54Fh3GNer1iMA4RN6uVKSkvz80.png\",\"winningDesktop\":\"https://framerusercontent.com/images/TyVQN0oWU2UnxrNRFlDA9qmVbMA.png\",\"winningMobile\":\"https://framerusercontent.com/images/VCPhhhdRWmMzIQUqXdu6Glhavc.png\",\"study1\":\"https://framerusercontent.com/images/e7uGslnL2Ox54sv5AIrBASnhk.png\",\"study2\":\"https://framerusercontent.com/images/m7kYuLjW6yAAXkSkuVBskc5e7A0.png\",\"study3\":\"https://framerusercontent.com/images/xdr98I128qzuruVc0Hhpfnqk5c.png\",\"study4\":\"https://framerusercontent.com/images/fUnceGVa4xwSXLUiSk4ZXWazr0.png\"};function ZendeskPhotoStudy({index}){if(index===3)return /*#__PURE__*/_jsx(\"div\",{className:\"ze-puzzle-shell\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"ze-puzzle-study\",role:\"img\",\"aria-label\":\"Puzzle web layout study\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"ze-puzzle-logo\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"img\",{src:ZDPhotoAssets.puzzle,alt:\"Original puzzle photograph\"})]})});const labels=[\"Every customer deserves a reply.\",\"Keep the conversation going.\",\"Give your customers a voice.\"];return /*#__PURE__*/_jsx(\"div\",{className:\"ze-poster-shell\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"ze-poster ze-poster-\"+index,role:\"img\",\"aria-label\":labels[index],children:[/*#__PURE__*/_jsx(\"div\",{className:\"ze-poster-photo-block\",children:index===2?/*#__PURE__*/_jsx(\"svg\",{viewBox:\"1877 1213 600 390\",role:\"img\",\"aria-label\":\"Original evergreen photograph of three hands holding stone forms\",style:{display:\"block\",width:\"100%\",height:\"auto\"},children:/*#__PURE__*/_jsx(\"image\",{href:\"https://framerusercontent.com/images/WEhT3yVzqSzuAB6rE4hc88RlE.png\",width:\"2500\",height:\"1603\"})}):/*#__PURE__*/_jsx(\"img\",{src:ZDPhotoAssets[[\"orange\",\"rainbow\",\"green\"][index]],alt:\"\",loading:\"lazy\"})}),index===0?/*#__PURE__*/_jsxs(\"p\",{className:\"ze-poster-headline\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"Every customer\"}),/*#__PURE__*/_jsx(\"span\",{className:\"ze-orange-word\",children:\"deserves\"}),/*#__PURE__*/_jsx(\"span\",{children:\"a reply.\"})]}):index===1?/*#__PURE__*/_jsxs(\"p\",{className:\"ze-poster-headline\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"Keep the\"}),/*#__PURE__*/_jsx(\"span\",{children:\"conversation\"}),/*#__PURE__*/_jsx(\"span\",{children:\"going.\"})]}):/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{className:\"ze-poster-headline\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"Give your\"}),/*#__PURE__*/_jsx(\"span\",{children:\"customers\"}),/*#__PURE__*/_jsx(\"span\",{children:\"a voice.\"})]})}),/*#__PURE__*/_jsx(\"span\",{className:\"ze-poster-logo\",\"aria-hidden\":\"true\"})]})});}function DeveloperArchiveDemo({still}){const root=React.useRef(null);const iframe=React.useRef(null);const[width,setWidth]=React.useState(1040);React.useEffect(()=>{const el=root.current;if(!el)return;const observer=new ResizeObserver(([entry])=>setWidth(entry.contentRect.width));observer.observe(el);return()=>observer.disconnect();},[]);React.useEffect(()=>{const el=root.current;if(!el||still)return;const observer=new IntersectionObserver(([entry])=>iframe.current?.contentWindow?.postMessage({type:\"zd-tour-visible\",visible:entry.isIntersecting},\"*\"),{threshold:.25});observer.observe(el);return()=>observer.disconnect();},[still]);return /*#__PURE__*/_jsx(\"div\",{ref:root,className:\"zd-archive-demo\",style:{width:\"100%\",aspectRatio:\"1280/800\",position:\"relative\",overflow:\"hidden\",background:\"#f9f2e6\"},children:still?/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/rGUHOZcrzWOI07RRuIOoyUpnc.png\",alt:\"Zendesk for Developers archived page with interactive geometric tiles\",style:{width:\"100%\",height:\"100%\",objectFit:\"contain\"}}):/*#__PURE__*/_jsx(\"iframe\",{ref:iframe,onLoad:()=>{const r=root.current?.getBoundingClientRect();iframe.current?.contentWindow?.postMessage({type:\"zd-tour-visible\",visible:!!r&&r.bottom>0&&r.top<window.innerHeight},\"*\");},title:\"Zendesk for Developers — full-page scroll and interaction tour\",sandbox:\"allow-scripts\",srcDoc:'<!doctype html><html><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=1280\"><link rel=\"stylesheet\" href=\"https://web-assets.zendesk.com/css/screen_i18n.min.aff5ab97.css\"><link rel=\"stylesheet\" href=\"https://web-assets.zendesk.com/css/p-developers.min.91937a88.css\"><style>html,body{margin:0!important;padding:0!important;width:1280px;height:800px;overflow:hidden;background:#f9f2e6}.demo-viewport{height:800px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.demo-nav{height:85px;padding:0 70px;display:flex;align-items:center;gap:34px;color:#03363d;background:#f9f2e6;font:14px Arial}.demo-nav strong{font-size:28px;letter-spacing:-1px;margin-right:auto}.demo-nav span:last-child{border:1px solid #03363d;padding:11px 18px}.p-developers .hero{padding:60px 0!important;min-height:715px!important}.p-developers .hero .container{max-width:1140px}.p-developers .anim{opacity:1!important;transform:none!important;visibility:visible!important}.p-developers .features{position:relative;overflow:hidden}.demo-cursor{position:fixed;left:0;top:0;width:26px;height:32px;pointer-events:none;z-index:9;transition:transform 1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 2px #0004)}.demo-cursor svg{width:100%;height:100%}.demo-toggle{position:fixed;bottom:20px;right:22px;z-index:10;background:#fff;color:#03363d;border:1px solid #03363d;padding:10px 16px;font:13px Arial;cursor:pointer}.demo-button-hover{background:#03363d!important;color:#fff!important}.p-developers .developer-friendly .platform,.p-developers .developer-friendly .ball{transition:transform .12s linear}.p-developers .developer-friendly .ball img{transition:transform .12s linear}@media(prefers-reduced-motion:reduce){.demo-cursor{display:none}.shape{transition:none!important}}.p-developers .features .ball-container .static-ball{display:block!important;position:relative!important;z-index:1!important;opacity:1!important;width:140px;height:140px;object-fit:contain}.p-developers .features img.dropping-ball{display:none!important}.demo-cursor{transition-duration:.12s}.p-developers .features .ball-container{overflow:visible!important}.p-developers .footer-cta .grid-icon.demo-icon-hover{opacity:1!important;transition:none!important}@media(prefers-reduced-motion:reduce){.p-developers .features .static-ball{transform:none!important}}\\n.demo-nav.demo-nav-authentic{height:85px;padding:0 70px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#f9f2e6;color:#03363d;font-family:\"Sharp Sans\",Arial,sans-serif}\\n.demo-nav-authentic .demo-secondary{height:25px;display:flex;align-items:center;justify-content:flex-end;gap:20px;font:400 12px/1 \"Proxima Nova\",Arial,sans-serif}\\n.demo-nav-authentic .demo-secondary span:last-child{border:0;padding:0;margin-left:18px}\\n.demo-nav-authentic .demo-primary{height:60px;display:flex;align-items:center;justify-content:space-between}\\n.demo-nav-authentic .demo-logo{display:block;width:101px;height:20px;border:0;flex:none;line-height:0}\\n.demo-nav-authentic .demo-logo svg{display:block;width:101px;height:20px}\\n.demo-nav-authentic .demo-menu{display:flex;align-items:center;gap:32px;font:600 15px/1.2 \"Sharp Sans\",Arial,sans-serif;letter-spacing:.025em}\\n.demo-nav-authentic .demo-menu span:last-child{border:0;padding:0}\\n</style></head><body><div class=\"demo-viewport\" tabindex=\"0\" aria-label=\"Scrollable archived Zendesk developer page\"><nav class=\"demo-nav demo-nav-authentic\" aria-label=\"Archived Zendesk website navigation\"><div class=\"demo-secondary\"><span>Log in</span><span>Product Support</span><span>Company</span><span>Contact us</span><span>English</span></div><div class=\"demo-primary\"><a class=\"demo-logo\" href=\"#\" aria-label=\"Zendesk\"><svg role=\"img\" aria-label=\"Zendesk\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 101.01 19.38\"><defs><style>.cls-1{fill:#03363d;}</style></defs><title>Asset 1</title><g id=\"Layer_2\" data-name=\"Layer 2\"><g id=\"Layer_1-2\" data-name=\"Layer 1\"><path class=\"cls-1\" d=\"M67.63,16.74a5,5,0,0,0,3.59-1.4L73,17.27a7,7,0,0,1-5.35,2.12c-4.35,0-7.16-2.9-7.16-6.82a6.67,6.67,0,0,1,6.77-6.82c4.32,0,6.77,3.3,6.55,7.88H63.62A3.68,3.68,0,0,0,67.63,16.74Zm3.11-5.29A3.27,3.27,0,0,0,67.3,8.36a3.51,3.51,0,0,0-3.69,3.08Z\"/><path class=\"cls-1\" d=\"M0,16.6l7.86-8H.18V6.07H11.5V8.63l-7.86,8h8v2.52H0Z\"/><path class=\"cls-1\" d=\"M21,16.74a5,5,0,0,0,3.59-1.4l1.78,1.93a7,7,0,0,1-5.35,2.12c-4.35,0-7.16-2.9-7.16-6.82a6.67,6.67,0,0,1,6.77-6.82c4.32,0,6.77,3.3,6.55,7.88H17A3.68,3.68,0,0,0,21,16.74Zm3.11-5.29a3.27,3.27,0,0,0-3.44-3.08A3.51,3.51,0,0,0,17,11.44Z\"/><path class=\"cls-1\" d=\"M44.18,12.57a6.53,6.53,0,0,1,6.55-6.81,5.64,5.64,0,0,1,4.35,2V0h2.78V19.12H55.08V17.32a5.57,5.57,0,0,1-4.37,2.07A6.59,6.59,0,0,1,44.18,12.57Zm11.05,0a4.14,4.14,0,1,0-8.28,0,4.14,4.14,0,1,0,8.28,0Z\"/><path class=\"cls-1\" d=\"M75.55,16.35,78.06,15a3.73,3.73,0,0,0,3.35,1.91c1.57,0,2.38-.81,2.38-1.73s-1.52-1.28-3.17-1.62c-2.23-.47-4.53-1.2-4.53-3.9,0-2.07,2-4,5.06-4a6,6,0,0,1,5.27,2.54L84.09,9.56a3.38,3.38,0,0,0-2.93-1.49c-1.49,0-2.25.73-2.25,1.57s1.2,1.2,3.09,1.62c2.15.47,4.58,1.18,4.58,3.9,0,1.81-1.57,4.24-5.29,4.22A6.12,6.12,0,0,1,75.55,16.35Z\"/><path class=\"cls-1\" d=\"M93.81,13.31l-2.2,2.41v3.41H88.83V0h2.78V12.52L97.5,6h3.38l-5.11,5.61L101,19.12H97.87Z\"/><path class=\"cls-1\" d=\"M35.92,5.76c-3.3,0-6.06,2.15-6.06,5.71v7.65h2.83v-7.3A3.1,3.1,0,0,1,36,8.39c2.1,0,3.14,1.29,3.14,3.43v7.3H42V11.47C42,7.91,39.22,5.76,35.92,5.76Z\"/></g></g></svg></a><div class=\"demo-menu\"><span>Products</span><span>Pricing</span><span>Solutions</span><span>Demo</span><span>Services</span><span>Resources</span></div></div></nav><article class=\"p-developers js-activate-page-section\" data-page-section-trigger=\"75\">\\n\\n<section class=\"hero\">\\n<div class=\"grid container\">\\n<div class=\"row reverse-small\">\\n<div class=\"col col-10 col-xsmall-5\">\\n<div class=\"hero-grid\">\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape quarter\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape circle\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape square rotate-180\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape quarter rotate-90\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape square\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape circle\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape square rotate-90\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape circle\"></div>\\n</div>\\n<div class=\"quadrant\">\\n<div class=\"shape js-hero-shape quarter rotate-180\"></div>\\n </div>\\n</div>\\n</div>\\n<div class=\"col col-small-2\"></div>\\n<div class=\"col col-small-5\">\\n<h1 class=\"supertitle\">Zendesk for Developers</h1>\\n<h2 class=\"h1\">Fight for your right to&nbsp;program</h2>\\n<p>Zendesk is open, flexible, and built natively on AWS. You can connect all your data sources, power innovative customer experiences, and build any app or automation you want.</p>\\n<div class=\"cta-section\">\\n<a href=\"https://develop.zendesk.com/hc/en-us\" class=\"button button-large button-primary-default\" target=\"_blank\" rel=\"noopener\">See resources</a> </div>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"intro container\">\\n<div class=\"grid centered\">\\n<div class=\"row\">\\n<div class=\"col col-10 col-small-8 animation\">\\n<h2 class=\"center anim anim-in anim-up\">A new challenger has entered the arena</h2>\\n<p class=\"center anim anim-in anim-up anim-delay-1\">Old school developer tools are stuck in the past—outdated, inflexible, and counterintuitive. And that makes building the apps of the future a challenge. No, not the good kind of challenge. More like frustrating. Annoying. Dumb.</p>\\n<p class=\"center anim anim-in anim-up anim-delay-2\">The Zendesk developer platform gives you the freedom to build what you want, how you want it. With nothing to hold you back, we offer you a different kind of challenge: What could you build?</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"developer-friendly js-tilt-on-scroll\">\\n<div class=\"container grid animation\">\\n<div class=\"row\">\\n<div class=\"col col-small-4\"></div>\\n<div class=\"col col-small-8\">\\n<h2 class=\"h1 anim anim-in anim-up\">Developer friendly. For real.</h2>\\n</div>\\n</div>\\n<div class=\"row\">\\n<div class=\"col col-small-5 tilter\">\\n\\n<div class=\"ball js-ball-container\">\\n<img class=\"js-ball\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/large-ball.svg\">\\n</div>\\n<img class=\"platform js-platform\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/platform.jpg\">\\n</div>\\n<div class=\"col col-small-2\"></div>\\n<div class=\"col col-small-5\">\\n<div class=\"anim anim-in anim-up anim-delay-1\">\\n<h3>Build faster and smarter</h3>\\n<p>Learning a new programming language or framework that only works for one platform doesn’t make sense. Zendesk has a better idea: build and deploy apps faster with intuitive developer tools and use the open-source libraries you already know and love.</p>\\n</div>\\n<div class=\"anim anim-in anim-up anim-delay-2\">\\n<h3>Don’t fence yourself in</h3>\\n<p>Don’t lock yourself to rigid platforms with limited APIs that restrict how and where you can build. Access, integrate, and extend your data anywhere with an event-driven platform and robust APIs that let you build anything—inside or outside of Zendesk.</p>\\n</div>\\n<div class=\"anim anim-in anim-up anim-delay-3\">\\n<h3>Stay on the cutting edge</h3>\\n<p>No one should be bullied by technology, and no one should be forced to use outdated, proprietary languages. Take advantage of the latest and greatest trends and tools to build innovative apps and experiences.</p>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"docs light-theme\">\\n<div class=\"container grid centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-8\">\\n<h2 class=\"h1\">I get it, just take me to the docs </h2>\\n</div>\\n<div class=\"col col-small-4\">\\n<a href=\"https://developer.zendesk.com/\" class=\"button button-large button-primary-default\" target=\"_blank\" rel=\"noopener\">See documentation</a> </div>\\n</div>\\n</div>\\n</section>\\n<section class=\"features container\">\\n<div class=\"grid padded\">\\n<div class=\"row\">\\n<div class=\"col col-small-6 animation\">\\n<h2 class=\"h1 anim anim-in anim-up\">Build anything you want</h2>\\n</div>\\n</div>\\n<div class=\"row\">\\n<div class=\"col col-small-4\">\\n<div class=\"animation\">\\n<div class=\"anim anim anim-in anim-up anim-delay-1\">\\n<div class=\"ball-container js-ball-container\" data-ball=\"1\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-1.png\" class=\"static-ball\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-1.png\" data-roll=\"0\" data-delay=\"0\" data-ball=\"1\" class=\"dropping-ball js-dropping-ball\">\\n</div>\\n<h4>Connect your data</h4>\\n<p>Store and manage all your customer data across Profiles, Events, Objects, and Conversations in a single platform with <a href=\"/platform/\" class=\"anchor\" target=\"\" rel=\"\">Zendesk Sunshine</a>.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"col col-small-4 js-dropping-ball-trigger\">\\n<div class=\"animation\">\\n<div class=\"anim anim anim-in anim-up anim-delay-2\">\\n<div class=\"ball-container js-ball-container\" data-ball=\"2\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-2.png\" class=\"static-ball\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-2.png\" data-roll=\"-660\" data-delay=\"1150\" data-ball=\"2\" class=\"ball-2 dropping-ball js-dropping-ball\">\\n</div>\\n<h4>Make the Suite even sweeter</h4>\\n<p>Check out all the stuff you can do to extend the Zendesk Suite: Build <a href=\"https://develop.zendesk.com/hc/en-us/articles/360001069027-Zendesk-app-quick-start\" class=\"anchor\" target=\"_blank\" rel=\"noopener\">custom apps</a> for Support and Chat, integrate telephony systems with the <a href=\"https://develop.zendesk.com/hc/en-us/articles/360001818307-Building-telephony-integration-features\" class=\"anchor\" target=\"_blank\" rel=\"noopener\">Talk CTI Toolkit</a>, and create <a href=\"https://support.zendesk.com/hc/en-us/articles/203664326-Customizing-your-Help-Center-theme-Guide-Professional-and-Enterprise-\" class=\"anchor\" target=\"_blank\" rel=\"noopener\">custom themes</a> with help center APIs.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"col col-small-4\">\\n<div class=\"animation\">\\n<div class=\"anim anim anim-in anim-up anim-delay-3\">\\n<div class=\"ball-container js-ball-container\" data-ball=\"3\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-3.png\" class=\"static-ball\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-3.png\" data-roll=\"-1200\" data-delay=\"1950\" data-ball=\"3\" class=\"dropping-ball js-dropping-ball\">\\n</div>\\n<h4>Spread the support around</h4>\\n<p>Use the Zendesk <a href=\"https://support.zendesk.com/hc/en-us/articles/203908456-Using-Web-Widget-to-embed-customer-service-in-your-website\" class=\"anchor\" target=\"_blank\" rel=\"noopener\">Web Widget</a> and <a href=\"https://support.zendesk.com/hc/en-us/articles/204256073-Embedding-customer-service-in-mobile-apps-with-the-Support-SDK\" class=\"anchor\" target=\"_blank\" rel=\"noopener\">mobile SDKs</a> to put help where customers are – on your website, your mobile apps, or even your smart fridge (if you happen to be in the smart fridge business).</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"col col-small-4\">\\n<div class=\"animation\">\\n<div class=\"anim anim anim-in anim-up anim-delay-4\">\\n<div class=\"ball-container js-ball-container\" data-ball=\"4\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-4.png\" class=\"static-ball\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-4.png\" data-roll=\"-200\" data-delay=\"2100\" data-ball=\"4\" class=\"dropping-ball js-dropping-ball\">\\n</div>\\n<h4>Put messaging anywhere</h4>\\n<p>Unify customer conversations and deliver an interactive messaging experience across web, mobile, and social channels with <a href=\"/conversations/\" class=\"anchor\" target=\"\" rel=\"\">Sunshine Conversations</a>.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"col col-small-4\">\\n<div class=\"animation\">\\n<div class=\"anim anim anim-in anim-up anim-delay-5\">\\n<div class=\"ball-container js-ball-container\" data-ball=\"5\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-5.png\" class=\"static-ball\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-5.png\" data-roll=\"-800\" data-delay=\"3250\" data-ball=\"5\" class=\"dropping-ball js-dropping-ball\">\\n</div>\\n<h4>Never stop streaming</h4>\\n<p> <a href=\"https://support.zendesk.com/hc/en-us/community/posts/360033236454-Sending-Zendesk-events-to-Amazon-EventBridge-\" class=\"anchor\" target=\"_blank\" rel=\"noopener\">Stream your Zendesk data</a> into key AWS services with Amazon EventBridge, or streamline workflows and build automations in Zendesk with APIs for pretty much everything.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"col col-small-4\">\\n<div class=\"animation\">\\n<div class=\"anim anim anim-in anim-up anim-delay-6\">\\n<div class=\"ball-container js-ball-container\" data-ball=\"6\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-6.png\" class=\"static-ball\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/ball-6.png\" data-roll=\"-1040\" data-delay=\"4050\" data-ball=\"6\" class=\"dropping-ball js-dropping-ball\">\\n</div>\\n<h4>Don’t keep it to yourself</h4>\\n<p>Submit your apps and custom help center themes to the <a href=\"/apps/\" class=\"anchor\" target=\"\" rel=\"\">Zendesk Marketplace</a> for others to use. </p>\\n</div>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"logos light-theme\">\\n<div class=\"container grid padded centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-6\">\\n<p class=\"supertitle center\">Are you not impressed?</p>\\n<h2 class=\"h1 center\">Check out these fancy logos</h2>\\n</div>\\n</div>\\n<div class=\"row\">\\n<div class=\"col col-6 col-small-3\">\\n<img class=\"lazyload no-src\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/logo-venmo-white.svg\" alt=\"Logo: Venmo\">\\n</div>\\n<div class=\"col col-6 col-small-3\">\\n<img class=\"lazyload no-src\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/logo-uber.svg\" alt=\"Logo: Uber\">\\n</div>\\n<div class=\"col col-6 col-small-3\">\\n<img class=\"lazyload no-src\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/logo-slack.svg\" alt=\"Logo: Slack\">\\n</div>\\n<div class=\"col col-6 col-small-3\">\\n<img class=\"lazyload no-src\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-developers/logo-netflix.svg\" alt=\"Logo: Netflix\">\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"footer-cta light\">\\n<div class=\"icon-grid\">\\n<div class=\"icon-grid-inner js-icon-grid\"></div>\\n</div>\\n<div class=\"grid vertically-centered container\">\\n<div class=\"row\">\\n<div class=\"content col col-small-4\">\\n<h2 class=\"h1\">Join the community</h2>\\n<p>Sign up to receive the quarterly developer newsletter, learn about new features and the latest webinars, and get exclusive access to the Zendesk developer Slack channel. All it costs is your email.</p>\\n<div class=\"cta-section\">\\n<a href=\"#\" class=\"js-open-modal button button-large button-primary-default\" data-modal-id=\"contact-form-modal\">I want in</a> </div>\\n</div>\\n</div>\\n</div>\\n</section>\\n</article></div><button class=\"demo-toggle\" aria-pressed=\"true\">Pause tour</button><div class=\"demo-cursor\" aria-hidden=\"true\"><svg viewBox=\"0 0 26 32\"><path d=\"M2 1L3 27L9 20L14 30L19 27L14 17L24 16Z\" fill=\"#fff\" stroke=\"#03363d\" stroke-width=\"1.6\"/></svg></div><script>const viewport=document.querySelector(\\'.demo-viewport\\');\\nconst cursor=document.querySelector(\\'.demo-cursor\\');\\nconst button=document.querySelector(\\'.demo-toggle\\');\\nconst reduced=matchMedia(\\'(prefers-reduced-motion: reduce)\\');\\nlet playing=!reduced.matches,visible=false,frame=0,last=0,elapsed=0,phase=0,from=0;\\nconst shapes=[...document.querySelectorAll(\\'.js-hero-shape\\')];\\nconst phases=[[\\'.hero\\',2400,\\'hero\\'],[\\'.intro\\',700,\\'read\\'],[\\'.developer-friendly\\',2200,\\'tilt\\'],[\\'.docs\\',750,\\'docs\\'],[\\'.features\\',4300,\\'balls\\'],[\\'.logos\\',700,\\'read\\'],[\\'.footer-cta\\',2200,\\'community\\']];\\nconst icons=document.querySelector(\\'.js-icon-grid\\');\\nfor(let i=0;i<288;i++){const e=document.createElement(\\'div\\');const row=Math.ceil((i+1)/32);let n=i%4;if(row%4===0)n=[3,2,1,0][n];else if(row%3===0)n=[1,0,3,2][n];else if(row%2===0)n=[2,3,0,1][n];e.className=\\'grid-icon grid-icon-\\'+[\\'circle\\',\\'semicircle-stroke\\',\\'square\\',\\'semicircle\\'][n]+(row%4===0?\\' rotate\\':\\'\\');icons.append(e)}\\nconst balls=[...document.querySelectorAll(\\'.features .static-ball\\')];\\nconst originals=new Map(balls.map(b=>[b,b.parentElement]));\\nlet ballPaths=[];\\nfunction restoreBalls(){document.querySelectorAll(\\'.demo-rolling-ball\\').forEach(e=>e.remove());balls.forEach(b=>b.removeAttribute(\\'style\\'));ballPaths=[]}\\nfunction setupBallPaths(section){const sr=section.getBoundingClientRect();const row=balls[0].closest(\\'.row\\');const cell=row.getBoundingClientRect().width/3;const size=140;const f=cell/2+size/2,g=cell/2-size/2;const floor=section.offsetHeight-size-20;ballPaths=balls.map((ball,i)=>{const r=ball.getBoundingClientRect();let x=r.left-sr.left,y=r.top-sr.top,angle=0,clock=i*100;const clone=ball.cloneNode(true);clone.className=\\'demo-rolling-ball\\';Object.assign(clone.style,{position:\\'absolute\\',left:\\'0\\',top:\\'0\\',width:size+\\'px\\',height:size+\\'px\\',zIndex:\\'4\\',pointerEvents:\\'none\\',display:\\'block\\'});section.append(clone);const points=[{t:clock,x,y,a:angle}];const leg=(dx,dy,ms,bounce=false)=>{clock+=ms;x+=dx;y+=dy;angle+=dx/size*360/Math.PI;points.push({t:clock,x,y,a:angle,bounce})};const remaining=3-i%3;for(let j=0;j<remaining;j++){leg(f,0,190);if(j===remaining-1){leg(0,floor-y,420,true);const rolls=[0,-660,-1200,-200,-800,-1040];leg(rolls[i],0,360)}else{leg(0,160,180,true);leg(g,0,120)}}return{ball,clone,points}})}\\nfunction bounce(p){const n=7.5625,d=2.75;if(p<1/d)return n*p*p;if(p<2/d)return n*(p-=1.5/d)*p+.75;if(p<2.5/d)return n*(p-=2.25/d)*p+.9375;return n*(p-=2.625/d)*p+.984375}\\nfunction rollBalls(section,t){if(!ballPaths.length)setupBallPaths(section);ballPaths.forEach(({ball,clone,points})=>{const ms=Math.max(0,t-100);ball.style.visibility=ms>=points[0].t?\\'hidden\\':\\'visible\\';clone.style.visibility=ms>=points[0].t?\\'visible\\':\\'hidden\\';let index=points.findIndex(p=>p.t>=ms);if(index<0)index=points.length-1;const a=points[Math.max(0,index-1)],b=points[index];const p=Math.min(1,Math.max(0,(ms-a.t)/Math.max(1,b.t-a.t)));const q=b.bounce?bounce(p):p;const x=a.x+(b.x-a.x)*p,y=a.y+(b.y-a.y)*q,angle=a.a+(b.a-a.a)*p;clone.style.transform=\\'translate(\\'+x+\\'px,\\'+y+\\'px) rotate(\\'+angle+\\'deg)\\'})}\\nfunction targetY(el){return Math.max(0,Math.min(viewport.scrollHeight-800,el.offsetTop-90))}\\nfunction point(el,x=.52,y=.5){if(!el)return;const r=el.getBoundingClientRect();cursor.style.transform=\\'translate(\\'+(r.left+r.width*x)+\\'px,\\'+(r.top+r.height*y)+\\'px)\\'}\\nfunction interact(el,active){if(el)el.classList.toggle(\\'demo-button-hover\\',active)}\\nfunction stop(){playing=false;cancelAnimationFrame(frame);frame=0;last=0;cursor.style.opacity=\\'0\\';button.textContent=\\'Play tour\\';button.setAttribute(\\'aria-pressed\\',\\'false\\')}\\nfunction start(){if(reduced.matches)return;playing=true;button.textContent=\\'Pause tour\\';button.setAttribute(\\'aria-pressed\\',\\'true\\');cursor.style.opacity=\\'1\\';if(visible&&!document.hidden&&!frame)frame=requestAnimationFrame(tick)}\\nfunction resetPhase(){elapsed=0;from=viewport.scrollTop;restoreBalls();document.querySelectorAll(\\'.demo-button-hover\\').forEach(e=>e.classList.remove(\\'demo-button-hover\\'))}\\nfunction tick(now){frame=0;if(!playing||!visible||document.hidden)return;elapsed+=last?Math.min(now-last,80):0;last=now;const [selector,duration,kind]=phases[phase];const section=document.querySelector(selector);document.body.dataset.tourStep=kind+\\'-\\'+phase;const travel=phase===0?0:450;const p=travel?Math.min(elapsed/travel,1):1;const eased=p<.5?4*p*p*p:1-Math.pow(-2*p+2,3)/2;const dest=phase===0?0:targetY(section);viewport.scrollTop=from+(dest-from)*eased;\\nconst t=Math.max(0,elapsed-travel);cursor.style.opacity=t>100?\\'1\\':\\'0\\';\\nif(p===1&&(kind===\\'tilt\\'||kind===\\'balls\\')){const delay=kind===\\'tilt\\'?600:350;const span=kind===\\'tilt\\'?850:2200;const q=Math.max(0,Math.min(1,(t-delay)/span));const extra=Math.max(0,section.offsetHeight-620);viewport.scrollTop=dest+extra*(q*q*(3-2*q))}\\nif(kind===\\'hero\\'){const n=Math.floor(t/430)%5;const shape=shapes[[0,4,8,2,6][n]];point(shape);if(t%430>220&&shape&&!shape.dataset[\\'tour\\'+phase+\\'_\\'+n]){shape.classList.toggle(\\'active\\');shape.dataset[\\'tour\\'+phase+\\'_\\'+n]=\\'1\\'}}\\nif(kind===\\'tilt\\'){const a=Math.sin(t/260)*12;const platform=section.querySelector(\\'.js-platform\\'),ball=section.querySelector(\\'.js-ball-container\\');platform.style.transform=\\'rotate(\\'+a+\\'deg)\\';ball.style.transform=\\'rotate(\\'+a+\\'deg)\\';section.querySelector(\\'.js-ball\\').style.transform=\\'translateX(\\'+(-a*1.8)+\\'%)\\';point(platform,.3+.4*(Math.sin(t/300)+1)/2,.35)}\\nif(kind===\\'docs\\'){const a=section.querySelector(\\'a\\');point(a);interact(a,t>80)}\\nif(kind===\\'balls\\'){rollBalls(section,t);const shown=ballPaths.map(b=>b.clone).filter(b=>{const r=b.getBoundingClientRect();return r.top>0&&r.bottom<800&&r.left>0&&r.right<1280});point(shown[0]||balls[0]);}\\nif(kind===\\'community\\'){const cells=[...icons.children].filter(e=>{const r=e.getBoundingClientRect();return r.left>640&&r.right<1240&&r.top>70&&r.bottom<760});const n=Math.floor(t/105);const route=[0,1,2,3,4,5,6,7,8,9,10,11,26,25,24,23,22,21,20,19];icons.querySelectorAll(\\'.demo-icon-hover\\').forEach(e=>e.classList.remove(\\'demo-icon-hover\\'));for(let i=0;i<4;i++){const target=cells[route[Math.max(0,n-i)%route.length]%Math.max(1,cells.length)];if(target){target.classList.add(\\'demo-icon-hover\\');if(i===0)point(target)}}}\\nif(kind===\\'read\\')point(section,.75,.6);\\nif(elapsed>duration){phase=(phase+1)%phases.length;shapes.forEach(s=>{for(const k of Object.keys(s.dataset))if(k.startsWith(\\'tour\\'))delete s.dataset[k]});resetPhase()}frame=requestAnimationFrame(tick)}\\nbutton.addEventListener(\\'click\\',()=>{playing?stop():start()});\\nviewport.addEventListener(\\'wheel\\',stop,{passive:true});viewport.addEventListener(\\'pointerdown\\',stop);viewport.addEventListener(\\'keydown\\',stop);\\nshapes.forEach(s=>s.addEventListener(\\'mouseenter\\',()=>{if(!playing)s.classList.toggle(\\'active\\')}));\\ndocument.querySelector(\\'.developer-friendly\\').addEventListener(\\'pointermove\\',e=>{if(playing)return;const section=e.currentTarget,r=section.getBoundingClientRect(),a=((e.clientX-r.left)/r.width-.5)*25;section.querySelector(\\'.js-platform\\').style.transform=\\'rotate(\\'+a+\\'deg)\\';section.querySelector(\\'.js-ball-container\\').style.transform=\\'rotate(\\'+a+\\'deg)\\';section.querySelector(\\'.js-ball\\').style.transform=\\'translateX(\\'+(-a*1.8)+\\'%)\\'});\\ndocument.querySelectorAll(\\'a\\').forEach(a=>{a.addEventListener(\\'click\\',e=>e.preventDefault());a.addEventListener(\\'mouseenter\\',()=>interact(a,true));a.addEventListener(\\'mouseleave\\',()=>interact(a,false))});\\nwindow.addEventListener(\\'message\\',e=>{if(e.source!==parent||e.data?.type!==\\'zd-tour-visible\\')return;visible=!!e.data.visible;cancelAnimationFrame(frame);frame=0;last=0;if(visible&&playing)start()});\\ndocument.addEventListener(\\'visibilitychange\\',()=>{cancelAnimationFrame(frame);frame=0;last=0;if(!document.hidden&&playing)start()});\\nreduced.addEventListener(\\'change\\',()=>{if(reduced.matches)stop()});\\nif(parent===window){visible=true;start()}\\n</script></body></html>',style:{border:0,width:1280,height:800,position:\"absolute\",left:0,top:0,transform:\"scale(\"+width/1280+\")\",transformOrigin:\"top left\"}})});}function ProductPageScroll({name,still}){const root=React.useRef(null),frame=React.useRef(null);const[width,setWidth]=React.useState(440);React.useEffect(()=>{const el=root.current;if(!el)return;const ro=new ResizeObserver(([e])=>setWidth(e.contentRect.width));ro.observe(el);return()=>ro.disconnect();},[]);React.useEffect(()=>{const el=root.current;if(!el||still)return;const io=new IntersectionObserver(([e])=>frame.current?.contentWindow?.postMessage({type:\"zd-product-visible\",visible:e.isIntersecting},\"*\"),{threshold:.2});io.observe(el);return()=>io.disconnect();},[still]);const html=name===\"sell\"?'<!doctype html><html><head><meta charset=\"utf-8\"><base href=\"https://www.zendesk.com/\"><meta name=\"viewport\" content=\"width=1280\"><link rel=\"stylesheet\" href=\"https://web-assets.zendesk.com/css/screen_i18n.min.bff5caf3.css\"><link rel=\"stylesheet\" href=\"https://web-assets.zendesk.com/css/p-zendesk-sell-overview.min.944ddbc6.css\"><style>html,body{margin:0!important;padding:0!important;width:1280px;height:1040px;overflow:hidden;background:#fff}.product-scroll{height:1040px;overflow:auto;scrollbar-width:none}.product-nav{height:80px;padding:0 90px;display:flex;align-items:center;justify-content:space-between;font:14px Arial;color:#03363d;background:#f3d6a0}.product-nav b{font-size:27px}.anim,.animation{opacity:1!important;visibility:visible!important;transform:none!important}.sticky-nav{position:relative!important;top:auto!important}.js-sell-trial-cta{display:inline-block!important}.briefcase-slide{display:none!important}.p-sell .hero{background:#f3d6a0 url(\\'https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sell_1_cropped.jpg\\') center/cover no-repeat!important}.mobile-video-still{display:none!important}video{display:block!important;max-width:100%;height:auto}.product-toggle{position:fixed;right:20px;bottom:20px;z-index:10;background:#fff;border:1px solid #03363d;color:#03363d;font:15px Arial;padding:12px 18px;cursor:pointer}[data-tab-content]:not([data-tab-content=\"tab1\"]){display:none!important}[data-tab-content=\"tab1\"]{display:block!important}.tabs-container .tab-1 .tab-details{display:block!important}.anchor:hover{text-decoration:underline}article .product-reveal{opacity:0!important;transform:translateY(22px)!important;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)!important}article .product-reveal.is-visible{opacity:1!important;transform:translateY(0)!important}@media(prefers-reduced-motion:reduce){article .product-reveal{opacity:1!important;transform:none!important;transition:none!important}}.product-nav.product-nav-authentic{height:85px;padding:0 70px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#f3d6a0;color:#03363d;font-family:\"Sharp Sans\",Arial,sans-serif}\\n.product-nav-authentic .product-secondary{height:25px;display:flex;align-items:center;justify-content:flex-end;gap:20px;font:400 12px/1 \"Proxima Nova\",Arial,sans-serif}\\n.product-nav-authentic .product-secondary span:last-child{border:0;padding:0;margin-left:18px}\\n.product-nav-authentic .product-primary{height:60px;display:flex;align-items:center;justify-content:space-between}\\n.product-nav-authentic .product-logo{display:block;width:101px;height:20px;border:0;flex:none;line-height:0}\\n.product-nav-authentic .product-logo svg{display:block;width:101px;height:20px}\\n.product-nav-authentic .product-menu{display:flex;align-items:center;gap:32px;font:600 15px/1.2 \"Sharp Sans\",Arial,sans-serif;letter-spacing:.025em}\\n.product-nav-authentic .product-menu span:last-child{border:0;padding:0}\\n</style></head><body><div class=\"product-scroll\" tabindex=\"0\" aria-label=\"Scrollable Zendesk sell archived page\"><nav class=\"product-nav product-nav-authentic\" aria-label=\"Archived Zendesk website navigation\"><div class=\"product-secondary\"><span>Log in</span><span>Product Support</span><span>Company</span><span>Contact us</span><span>English</span></div><div class=\"product-primary\"><a class=\"product-logo\" href=\"#\" aria-label=\"Zendesk\"><svg role=\"img\" aria-label=\"Zendesk\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 101.01 19.38\"><defs><style>.cls-1{fill:#03363d;}</style></defs><title>Asset 1</title><g id=\"Layer_2\" data-name=\"Layer 2\"><g id=\"Layer_1-2\" data-name=\"Layer 1\"><path class=\"cls-1\" d=\"M67.63,16.74a5,5,0,0,0,3.59-1.4L73,17.27a7,7,0,0,1-5.35,2.12c-4.35,0-7.16-2.9-7.16-6.82a6.67,6.67,0,0,1,6.77-6.82c4.32,0,6.77,3.3,6.55,7.88H63.62A3.68,3.68,0,0,0,67.63,16.74Zm3.11-5.29A3.27,3.27,0,0,0,67.3,8.36a3.51,3.51,0,0,0-3.69,3.08Z\"/><path class=\"cls-1\" d=\"M0,16.6l7.86-8H.18V6.07H11.5V8.63l-7.86,8h8v2.52H0Z\"/><path class=\"cls-1\" d=\"M21,16.74a5,5,0,0,0,3.59-1.4l1.78,1.93a7,7,0,0,1-5.35,2.12c-4.35,0-7.16-2.9-7.16-6.82a6.67,6.67,0,0,1,6.77-6.82c4.32,0,6.77,3.3,6.55,7.88H17A3.68,3.68,0,0,0,21,16.74Zm3.11-5.29a3.27,3.27,0,0,0-3.44-3.08A3.51,3.51,0,0,0,17,11.44Z\"/><path class=\"cls-1\" d=\"M44.18,12.57a6.53,6.53,0,0,1,6.55-6.81,5.64,5.64,0,0,1,4.35,2V0h2.78V19.12H55.08V17.32a5.57,5.57,0,0,1-4.37,2.07A6.59,6.59,0,0,1,44.18,12.57Zm11.05,0a4.14,4.14,0,1,0-8.28,0,4.14,4.14,0,1,0,8.28,0Z\"/><path class=\"cls-1\" d=\"M75.55,16.35,78.06,15a3.73,3.73,0,0,0,3.35,1.91c1.57,0,2.38-.81,2.38-1.73s-1.52-1.28-3.17-1.62c-2.23-.47-4.53-1.2-4.53-3.9,0-2.07,2-4,5.06-4a6,6,0,0,1,5.27,2.54L84.09,9.56a3.38,3.38,0,0,0-2.93-1.49c-1.49,0-2.25.73-2.25,1.57s1.2,1.2,3.09,1.62c2.15.47,4.58,1.18,4.58,3.9,0,1.81-1.57,4.24-5.29,4.22A6.12,6.12,0,0,1,75.55,16.35Z\"/><path class=\"cls-1\" d=\"M93.81,13.31l-2.2,2.41v3.41H88.83V0h2.78V12.52L97.5,6h3.38l-5.11,5.61L101,19.12H97.87Z\"/><path class=\"cls-1\" d=\"M35.92,5.76c-3.3,0-6.06,2.15-6.06,5.71v7.65h2.83v-7.3A3.1,3.1,0,0,1,36,8.39c2.1,0,3.14,1.29,3.14,3.43v7.3H42V11.47C42,7.91,39.22,5.76,35.92,5.76Z\"/></g></g></svg></a><div class=\"product-menu\"><span>Products</span><span>Pricing</span><span>Solutions</span><span>Demo</span><span>Services</span><span>Resources</span></div></div></nav><article class=\"p-sell\">\\n<section class=\"hero lazyloaded js-briefcase-slide-container\">\\n<div class=\"grid container\">\\n<div class=\"row\">\\n<div class=\"col col-small-4\">\\n<h2 class=\"h1\">Make a big deal of it</h2>\\n<h5>Sales CRM to enhance productivity, processes, and pipeline visibility for sales teams</h5>\\n<div class=\"cta-section js-pricing-cta-section\">\\n<div class=\"trial-button js-trial-button\" data-product=\"sell\"><a href=\"/register/?source=zendesk_sell\" style=\"display: none;\" class=\"js-sell-trial-cta button button-large button-primary-default\" data-modal-id=\"\" target=\"\" rel=\"\">Start free trial</a><ul class=\"subdomainlogin js-subdomainlogin singlebutton\" style=\"display: none;\"><li><a href=\"#\" class=\"login-btn button button-large button-primary-default\">Try Sell for free</a><ul></ul></li></ul></div> </div>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n<a name=\"overview\"></a>\\n<div class=\"js-sticky-nav-offset\"></div>\\n<nav class=\"sticky-nav theme-default js-sticky-nav\">\\n<div class=\"container nav-container\">\\n<div class=\"logo-container\">\\n<img class=\"logo logo-sell\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/brand-kit/modules/product-wordmarks/zendesk-sell-wordmark.svg\" alt=\"Zendesk Sell\"> </div>\\n<ul class=\"sticky-nav-links\">\\n<li><a href=\"/sell/#overview\" class=\"active anchor\" target=\"\" rel=\"\">Overview</a></li>\\n<li><a href=\"/sell/features/#features\" class=\"anchor\" target=\"\" rel=\"\">Features</a></li>\\n<li><a href=\"/sell/pricing/#pricing\" class=\"anchor\" target=\"\" rel=\"\">Pricing</a></li>\\n<li><a href=\"/contact/\" class=\"anchor\" target=\"\" rel=\"\">Contact us</a></li>\\n</ul>\\n<div class=\"cta-section\">\\n<div class=\"trial-button js-trial-button\" data-product=\"sell\"><a href=\"/register/?source=zendesk_sell\" style=\"display: none;\" class=\"js-sell-trial-cta button button-large button-primary-default\" data-modal-id=\"\" target=\"\" rel=\"\">Start free trial</a><ul class=\"subdomainlogin js-subdomainlogin singlebutton\" style=\"display: none;\"><li><a href=\"#\" class=\"login-btn button button-large button-primary-default\">Try Sell for free</a><ul></ul></li></ul></div> </div>\\n</div>\\n</nav>\\n<section class=\"container\">\\n<div class=\"grid centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-8\">\\n<img class=\"product-icon\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/productLogo_sell.svg\" alt=\"Zendesk Sell logo\" />\\n<h1 class=\"supertitle center\">SALES CRM SOFTWARE</h1>\\n<h2 class=\"center\">Sales tools built for sales people</h2>\\n<p class=\"sell-intro-text\">Your sales reps didn\\'t get hired to deal with difficult software. Zendesk Sell is simple and designed to keep reps selling. Sell removes the friction from deal updates so your team can always access, analyze, and collaborate on relevant deal data.</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"container\">\\n<div class=\"grid\">\\n<div class=\"row\">\\n<div class=\"col col-small-4 copy-col\">\\n<h2>Turn conversations into conversions</h2>\\n<p>Sell gives reps access to integrated tools that provide the full context of a customer account. This keeps them in the loop and allows them to capitalize on opportunities. For example, when a support ticket turns into questions about new products, the lead can be handed off to sales. Keeping track is easy because data capture is automated, so reps and agents can stay on the same page.</p>\\n</div>\\n<div class=\"col col-small-1\">\\n</div>\\n<div class=\"col col-small-7 video-col\">\\n<div class=\"align-top\">\\n<img class=\"mobile-video-still lazyloaded \" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_email.jpg\" />\\n<video autoplay muted loop playsinline preload=\"metadata\" class=\"js-video-onscroll js-localized-video autoplay-video\" preload=\"metadata\" muted>\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_email.webm\" type=\"video/webm\" />\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_email.mp4\" type=\"video/mp4\" />\\n</video>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"container\">\\n<div class=\"grid\">\\n<div class=\"row\">\\n<div class=\"col col-small-7 video-col\">\\n<div class=\"align-top\">\\n<img class=\"lazyloaded  js-localized-image\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/deals-working-list.png\" />\\n</div>\\n</div>\\n<div class=\"col col-small-1\">\\n</div>\\n<div class=\"col col-small-4 copy-col\">\\n<h2>Swing into action</h2>\\n<p>Always have eyes into what’s going on with your sales pipeline. Sell makes it easy to keep your team focused on the highest value leads and deals without worrying about daunting administrative tasks. You can build and manage a pipeline that aligns with your business so your reps can prioritize your customers and prospects.</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section>\\n<div class=\"container\">\\n<div class=\"quote centered\">\\n<div class=\"logo\">\\n<img class=\"lazyloaded \" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/intermind-logo.png\" alt=\"Intermind\">\\n</div>\\n<div class=\"content\">\\n<blockquote>&ldquo;Zendesk Sell has improved our sales productivity. We have redistributed sales force efforts to more promising projects and the accuracy of the monthly revenue forecast increased from 30% to 10% deviation.&rdquo;</blockquote>\\n<cite>Nataliya Agafonova, Chief Operating Officer at Intermind</cite>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"container\">\\n<div class=\"grid\">\\n<div class=\"row\">\\n<div class=\"col col-small-4 copy-col\">\\n<h2>Just a few clicks do the trick</h2>\\n<p>Make calls, send emails, schedule meetings, and view deal history all from one place—without logging everything by hand. With Sell, you get Smart Lists to help you segment and filter your leads and deals in real-time, so you can stay organized and spot opportunities. When it comes time to close deals, you can do it anywhere, because Sell gives you the power of a desktop sales tool in the palm of your hand—even when you\\'re offline.</p>\\n</div>\\n<div class=\"col col-small-1\">\\n</div>\\n<div class=\"col col-small-7 video-col\">\\n<div class=\"align-top\">\\n<img class=\"mobile-video-still lazyloaded \" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_list.jpg\" />\\n<video autoplay muted loop playsinline preload=\"metadata\" class=\"js-video-onscroll js-localized-video autoplay-video\" preload=\"metadata\" muted>\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_list.webm\" type=\"video/webm\" />\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_list.mp4\" type=\"video/mp4\" />\\n</video>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"container\">\\n<div class=\"grid\">\\n<div class=\"row\">\\n<div class=\"col col-small-7 video-col\">\\n<div class=\"align-top\">\\n<img class=\"mobile-video-still lazyloaded \" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sell_leads.png\" />\\n<video autoplay muted loop playsinline preload=\"metadata\" class=\"js-video-onscroll js-localized-video autoplay-video\" preload=\"metadata\" muted>\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sell_leads_v2.webm\" type=\"video/webm\" />\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sell_leads_v2.mp4\" type=\"video/mp4\" />\\n</video>\\n</div>\\n</div>\\n<div class=\"col col-small-1\">\\n</div>\\n<div class=\"col col-small-4 copy-col\">\\n<h2 data-sl-variant=\"sell-overview-leads-title\">Plays well with others</h2>\\n<p>We know that you use other tools to keep things running smoothly. Whether you want to track campaigns through Mailchimp or view the status of contracts in Pandadoc, all the information you need is added to Sell. You can even build your own apps using the Zendesk Apps framework.</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"container\">\\n<div class=\"grid\">\\n<div class=\"row\">\\n<div class=\"col col-small-4 copy-col\">\\n<h2>Drive the action with data</h2>\\n<p>Track every interaction with every customer, and turn that data into reports that help analyze and forecast your business. With Sell, you get drag-and-drop dashboards, as well as 30+ out-of-the-box reports for visualizing, understanding, and interacting with your data.</p>\\n</div>\\n<div class=\"col col-small-1\">\\n</div>\\n<div class=\"col col-small-7 video-col\">\\n<div class=\"align-top\">\\n<img class=\"mobile-video-still lazyloaded \" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_dash.jpg\" />\\n<video autoplay muted loop playsinline preload=\"metadata\" class=\"js-video-onscroll js-localized-video autoplay-video\" preload=\"metadata\" muted>\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_dash.webm\" type=\"video/webm\" />\\n<source src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sales_dash.mp4\" type=\"video/mp4\" />\\n</video>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"SL_swap\" id=\"sell-overview-customer-story-footer\">\\n<div class=\"container\">\\n<div class=\"quote centered\">\\n<div class=\"logo\">\\n<img class=\"lazyloaded \" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/dyme-logo.png\" alt=\"Dyme\">\\n</div>\\n<div class=\"content\">\\n<blockquote>&ldquo;Zendesk Sell offers powerful tools that help you build the right relationships, stay connected and focus on what you do best—selling. Zendesk Sell seamlessly connects to Zendesk Support creating a fluid customer journey and ensures agents and reps are always on the same page.&rdquo;</blockquote>\\n<cite>Lawrence Lewis, Senior Director of Client Services at DYME</cite>\\n<span>\\n<a href=\"/customer/dyme/\" target=\"\" class=\"anchor\" rel=\"\">Read the story</a> </span>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"footer-cta\">\\n<div class=\"container grid centered\">\\n<div class=\"row\">\\n<div class=\"col\">\\n<img class=\"lazyloaded  product-icon\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/productLogo_sell_white.svg\" alt=\"Zendesk Sell logo\" />\\n<h2 class=\"center\">Take the lead</h2>\\n<div class=\"cta-section\">\\n<div class=\"trial-button js-trial-button\" data-product=\"sell\"><a href=\"/register/?source=zendesk_sell\" style=\"display: none;\" class=\"js-sell-trial-cta button button-large button-primary-default\" data-modal-id=\"\" target=\"\" rel=\"\">Start free trial</a><ul class=\"subdomainlogin js-subdomainlogin singlebutton\" style=\"display: none;\"><li><a href=\"#\" class=\"login-btn button button-large button-primary-default\">Try Sell for free</a><ul></ul></li></ul></div> </div>\\n</div>\\n</div>\\n</div>\\n</section>\\n</article></div><button class=\"product-toggle\">Pause</button><script>const v=document.querySelector(\\'.product-scroll\\'),b=document.querySelector(\\'.product-toggle\\'),mq=matchMedia(\\'(prefers-reduced-motion:reduce)\\');\\nlet active=!mq.matches,visible=false,raf=0,last=0,t=0;\\nconst reveal=[...document.querySelectorAll(\\'article section:not(.hero) .row > .col\\')];\\nreveal.forEach(e=>e.classList.add(\\'product-reveal\\'));\\nconst observer=new IntersectionObserver(entries=>entries.forEach(e=>e.target.classList.toggle(\\'is-visible\\',e.isIntersecting)),{root:v,threshold:.04,rootMargin:\\'0px 0px -25px 0px\\'});\\nreveal.forEach(e=>observer.observe(e));\\nfunction ease(p){return p*p*(3-2*p)}\\nfunction tick(now){raf=0;if(!active||!visible||document.hidden)return;t+=last?Math.min(80,now-last):0;last=now;const cycle=t%11500;let q=0;if(cycle>=1100&&cycle<9400){const p=(cycle-1100)/8300;const segment=Math.min(5,Math.floor(p*6));const local=Math.min(1,(p*6-segment)/.82);q=(segment+ease(local))/6}else if(cycle>=9400&&cycle<=10400)q=1;else if(cycle>10400)q=1-ease((cycle-10400)/1100);v.scrollTop=Math.max(0,v.scrollHeight-v.clientHeight)*q;raf=requestAnimationFrame(tick)}\\nfunction run(){cancelAnimationFrame(raf);raf=0;last=0;if(active&&visible&&!document.hidden)raf=requestAnimationFrame(tick);document.querySelectorAll(\\'video\\').forEach(e=>{e.muted=true;if(active&&visible)e.play().catch(()=>{});else e.pause()})}\\nfunction pause(){active=false;b.textContent=\\'Play\\';run()}\\nb.onclick=()=>{active=!active;b.textContent=active?\\'Pause\\':\\'Play\\';run()};\\nv.addEventListener(\\'wheel\\',pause,{passive:true});v.addEventListener(\\'pointerdown\\',pause);v.addEventListener(\\'keydown\\',pause);\\ndocument.querySelectorAll(\\'a\\').forEach(a=>a.addEventListener(\\'click\\',e=>e.preventDefault()));\\naddEventListener(\\'message\\',e=>{if(e.source!==parent||e.data?.type!==\\'zd-product-visible\\')return;visible=!!e.data.visible;run()});\\ndocument.addEventListener(\\'visibilitychange\\',run);mq.addEventListener(\\'change\\',()=>{if(mq.matches)pause()});if(parent===window){visible=true;run()}\\n</script></body></html>':'<!doctype html><html><head><meta charset=\"utf-8\"><base href=\"https://www.zendesk.com/\"><meta name=\"viewport\" content=\"width=1280\"><link rel=\"stylesheet\" href=\"https://web-assets.zendesk.com/css/screen_i18n.min.aff5ab97.css\"><link rel=\"stylesheet\" href=\"https://web-assets.zendesk.com/css/p-zendesk-guide.min.bfae3fb2.css\"><style>html,body{margin:0!important;padding:0!important;width:1280px;height:1040px;overflow:hidden;background:#fff}.product-scroll{height:1040px;overflow:auto;scrollbar-width:none}.product-nav{height:80px;padding:0 90px;display:flex;align-items:center;justify-content:space-between;font:14px Arial;color:#03363d;background:#f7a0b1}.product-nav b{font-size:27px}.anim,.animation{opacity:1!important;visibility:visible!important;transform:none!important}.sticky-nav{position:relative!important;top:auto!important}.js-sell-trial-cta{display:inline-block!important}.briefcase-slide{display:none!important}.p-sell .hero{background:#f3d6a0 url(\\'https://d1eipm3vz40hy0.cloudfront.net/images/p-sell/sell_1_cropped.jpg\\') center/cover no-repeat!important}.mobile-video-still{display:none!important}video{display:block!important;max-width:100%;height:auto}.product-toggle{position:fixed;right:20px;bottom:20px;z-index:10;background:#fff;border:1px solid #03363d;color:#03363d;font:15px Arial;padding:12px 18px;cursor:pointer}[data-tab-content]:not([data-tab-content=\"tab1\"]){display:none!important}[data-tab-content=\"tab1\"]{display:block!important}.tabs-container .tab-1 .tab-details{display:block!important}.anchor:hover{text-decoration:underline}article .product-reveal{opacity:0!important;transform:translateY(22px)!important;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)!important}article .product-reveal.is-visible{opacity:1!important;transform:translateY(0)!important}@media(prefers-reduced-motion:reduce){article .product-reveal{opacity:1!important;transform:none!important;transition:none!important}}.product-nav.product-nav-authentic{height:85px;padding:0 70px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#f7a0b1;color:#03363d;font-family:\"Sharp Sans\",Arial,sans-serif}\\n.product-nav-authentic .product-secondary{height:25px;display:flex;align-items:center;justify-content:flex-end;gap:20px;font:400 12px/1 \"Proxima Nova\",Arial,sans-serif}\\n.product-nav-authentic .product-secondary span:last-child{border:0;padding:0;margin-left:18px}\\n.product-nav-authentic .product-primary{height:60px;display:flex;align-items:center;justify-content:space-between}\\n.product-nav-authentic .product-logo{display:block;width:101px;height:20px;border:0;flex:none;line-height:0}\\n.product-nav-authentic .product-logo svg{display:block;width:101px;height:20px}\\n.product-nav-authentic .product-menu{display:flex;align-items:center;gap:32px;font:600 15px/1.2 \"Sharp Sans\",Arial,sans-serif;letter-spacing:.025em}\\n.product-nav-authentic .product-menu span:last-child{border:0;padding:0}\\n</style></head><body><div class=\"product-scroll\" tabindex=\"0\" aria-label=\"Scrollable Zendesk guide archived page\"><nav class=\"product-nav product-nav-authentic\" aria-label=\"Archived Zendesk website navigation\"><div class=\"product-secondary\"><span>Log in</span><span>Product Support</span><span>Company</span><span>Contact us</span><span>English</span></div><div class=\"product-primary\"><a class=\"product-logo\" href=\"#\" aria-label=\"Zendesk\"><svg role=\"img\" aria-label=\"Zendesk\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 101.01 19.38\"><defs><style>.cls-1{fill:#03363d;}</style></defs><title>Asset 1</title><g id=\"Layer_2\" data-name=\"Layer 2\"><g id=\"Layer_1-2\" data-name=\"Layer 1\"><path class=\"cls-1\" d=\"M67.63,16.74a5,5,0,0,0,3.59-1.4L73,17.27a7,7,0,0,1-5.35,2.12c-4.35,0-7.16-2.9-7.16-6.82a6.67,6.67,0,0,1,6.77-6.82c4.32,0,6.77,3.3,6.55,7.88H63.62A3.68,3.68,0,0,0,67.63,16.74Zm3.11-5.29A3.27,3.27,0,0,0,67.3,8.36a3.51,3.51,0,0,0-3.69,3.08Z\"/><path class=\"cls-1\" d=\"M0,16.6l7.86-8H.18V6.07H11.5V8.63l-7.86,8h8v2.52H0Z\"/><path class=\"cls-1\" d=\"M21,16.74a5,5,0,0,0,3.59-1.4l1.78,1.93a7,7,0,0,1-5.35,2.12c-4.35,0-7.16-2.9-7.16-6.82a6.67,6.67,0,0,1,6.77-6.82c4.32,0,6.77,3.3,6.55,7.88H17A3.68,3.68,0,0,0,21,16.74Zm3.11-5.29a3.27,3.27,0,0,0-3.44-3.08A3.51,3.51,0,0,0,17,11.44Z\"/><path class=\"cls-1\" d=\"M44.18,12.57a6.53,6.53,0,0,1,6.55-6.81,5.64,5.64,0,0,1,4.35,2V0h2.78V19.12H55.08V17.32a5.57,5.57,0,0,1-4.37,2.07A6.59,6.59,0,0,1,44.18,12.57Zm11.05,0a4.14,4.14,0,1,0-8.28,0,4.14,4.14,0,1,0,8.28,0Z\"/><path class=\"cls-1\" d=\"M75.55,16.35,78.06,15a3.73,3.73,0,0,0,3.35,1.91c1.57,0,2.38-.81,2.38-1.73s-1.52-1.28-3.17-1.62c-2.23-.47-4.53-1.2-4.53-3.9,0-2.07,2-4,5.06-4a6,6,0,0,1,5.27,2.54L84.09,9.56a3.38,3.38,0,0,0-2.93-1.49c-1.49,0-2.25.73-2.25,1.57s1.2,1.2,3.09,1.62c2.15.47,4.58,1.18,4.58,3.9,0,1.81-1.57,4.24-5.29,4.22A6.12,6.12,0,0,1,75.55,16.35Z\"/><path class=\"cls-1\" d=\"M93.81,13.31l-2.2,2.41v3.41H88.83V0h2.78V12.52L97.5,6h3.38l-5.11,5.61L101,19.12H97.87Z\"/><path class=\"cls-1\" d=\"M35.92,5.76c-3.3,0-6.06,2.15-6.06,5.71v7.65h2.83v-7.3A3.1,3.1,0,0,1,36,8.39c2.1,0,3.14,1.29,3.14,3.43v7.3H42V11.47C42,7.91,39.22,5.76,35.92,5.76Z\"/></g></g></svg></a><div class=\"product-menu\"><span>Products</span><span>Pricing</span><span>Solutions</span><span>Demo</span><span>Services</span><span>Resources</span></div></div></nav><article class=\"p-zendesk-guide p-zendesk-guide-overview js-activate-page-section\">\\n\\n\\n<section class=\"hero\">\\n<div class=\"grid container\">\\n<div class=\"row\">\\n<div class=\"col col-small-4\">\\n<h2 class=\"h1\">Use your know-how</h2>\\n<p class=\"h5\">A smart knowledge base for better self-service and empowered agents</p>\\n<div class=\"guide-hero-video SL_swap\" id=\"video_id_guide_demo\">\\n<div class=\"wistia_embed wistia_async_ua87bs41ks popover=true popoverContent=link popoverSize=960x540\"><a class=\"anchor-styled anchor-video anchor anchor-large\" tabindex=\"0\">Watch the video</a></div> </div>\\n</div>\\n<div class=\"col col-small-8\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/background-guide-hero.png\" alt=\"Zendesk Guide Product Logo\" title=\"Learn more about the Zendesk self-service portal\">\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<a name=\"overview\"></a>\\n<div class=\"js-sticky-nav-offset\"></div>\\n<nav class=\"sticky-nav theme-default js-sticky-nav\">\\n<div class=\"container nav-container\">\\n<div class=\"logo-container\">\\n<img class=\"logo logo-guide\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/brand-kit/modules/product-wordmarks/zendesk-guide-wordmark.svg\" alt=\"Zendesk Guide\"> </div>\\n<ul class=\"sticky-nav-links\">\\n<li><a href=\"/guide/#overview\" class=\"active anchor\" target=\"\" rel=\"\">Overview</a></li>\\n<li><a href=\"/guide/features/#features\" class=\"anchor\" target=\"\" rel=\"\">Features</a></li>\\n<li><a href=\"/guide/enterprise/\" class=\"anchor\" target=\"\" rel=\"\">Enterprise</a></li>\\n<li><a href=\"/guide/pricing/#pricing\" class=\"anchor\" target=\"\" rel=\"\">Pricing</a></li>\\n<li><a href=\"/contact/\" class=\"anchor\" target=\"\" rel=\"\">Contact us</a></li>\\n</ul>\\n<div class=\"cta-section\">\\n<div class=\"trial-button js-trial-button\" data-product=\"guide\"><a href=\"/register/?source=zendesk_guide\" style=\"display: none;\" class=\" button button-small button-primary-default\" data-modal-id=\"\" target=\"\" rel=\"\">Start my free trial</a><ul class=\"subdomainlogin js-subdomainlogin singlebutton\" style=\"display: none;\"><li><a href=\"#\" class=\"login-btn button button-small button-primary-default\">Try Guide for free</a><ul></ul></li></ul></div> </div>\\n</div>\\n</nav>\\n\\n<section class=\"intro container\">\\n<div class=\"grid centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-8\">\\n<span class=\"logo product-icon-guide\"></span>\\n<h1 class=\"supertitle center\">Help desk software</h1>\\n<h2 class=\"center\">Knowledge is power.<br>Using it is powerful.</h2>\\n<p class=\"center longform\">Support teams know the most about customer issues — and the best way to solve them. That’s why a knowledge base is a crucial part of any company’s customer experience strategy. It organizes frequently asked questions, product details, policies, and more, and empowers customers and agents with that information. Integrated seamlessly with Zendesk Support, Zendesk Guide is a smart knowledge base. It’s built to help you and your team continuously improve your content, keep it up to date, and serve it to customers before you can say “FAQ.” </p>\\n</div>\\n</div>\\n</div>\\n</section>\\n<section class=\"main-quote\">\\n<div class=\"container grid vertically-centered\">\\n<div class=\"row reverse-small\">\\n<div class=\"col col-small-6 col-image\">\\n<img class=\"lazyloaded \" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/main-quote.jpg, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/main-quote-2x.jpg 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/main-quote.jpg\" alt=\"\">\\n</div>\\n<div class=\"col col-small-1\"></div>\\n<div class=\"col col-small-5 col-quote\">\\n<div class=\"quote side\">\\n<div class=\"logo\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/logo-reverb.svg\" alt=\"\">\\n</div>\\n<blockquote>&ldquo;After implementing Zendesk Guide, the team quickly reaped the benefits, including deflections that dropped the number of emails from more than 350 a day to a very manageable 150.&rdquo;</blockquote>\\n<cite>Daniel Santrella, Director of Customer Engagement at <a href=\"/blog/self-service-helped-reverb-hit-right-notes-customers/\" class=\"anchor\" target=\"\" rel=\"\">Reverb</a></cite>\\n</div>\\n</div>\\n</div>\\n<div class=\"row\">\\n<div class=\"col col-small-5\">\\n<div class=\"statistics\">\\n<p class=\"statistic\">\\n<span>57%</span> reduction in email from self-service\\n</p>\\n<p class=\"statistic\">\\n<span>10:1</span> self-service ratio\\n</p>\\n</div>\\n</div>\\n<div class=\"col col-small-1\"></div>\\n<div class=\"col col-small-6\">\\n<h4 class=\"center\">Products used</h4>\\n<ul class=\"products-used\">\\n<li class=\"product\">\\n<div class=\"product-icon-vertical-support\"></div>\\n</li>\\n<li class=\"product\">\\n<div class=\"product-icon-vertical-guide\"></div>\\n</li>\\n<li class=\"product\">\\n<div class=\"product-icon-vertical-chat\"></div>\\n</li>\\n</ul>\\n<div class=\"cta-section center\">\\n<a class=\"anchor-styled anchor\" href=\"/customer/reverb/\" target=\"\" rel=\"\">Read their story</a> </div>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"feature-1\">\\n<div class=\"container grid vertically-centered\">\\n<div class=\"row reverse-small\">\\n<div class=\"col col-small-7\">\\n<img class=\"lazyloaded  hide-small-up\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1-mobile.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1-mobile-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1-mobile.png\" alt=\"\">\\n<div class=\"animation show-small-up\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-2 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1c.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1c-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1c.png\" alt=\"\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-1 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1b.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1b-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1b.png\" alt=\"\">\\n<img class=\"lazyloaded  anim main\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1a.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1a-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-1a.png\" alt=\"\">\\n</div>\\n</div>\\n<div class=\"col col-small-1\"></div>\\n<div class=\"col col-small-4\">\\n<h2>First, the help center</h2>\\n<p>A well-stocked knowledge base is the cornerstone of self-service. Start by configuring a responsive, branded help center&nbsp;—&nbsp;then customize it to suit your needs. Next, you’ll need to fill it with knowledge. Guide offers a WYSIWYG editor and a Google Docs importer to make the process as fast and intuitive as possible. It’s also automatically search-engine optimized. Bingo.</p>\\n<p>(If you need more than one help center, you can also easily set up and manage multiple for different brands, products, or audiences. Go wild.)</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"feature-2\">\\n<div class=\"container grid vertically-centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-7\">\\n<img class=\"lazyloaded  hide-small-up\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2-mobile.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2-mobile-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2-mobile.png\" alt=\"\">\\n<div class=\"animation show-small-up\">\\n<img class=\"lazyloaded  anim main\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2a.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2a-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2a.png\" alt=\"\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-1 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2b.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2b-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-2b.png\" alt=\"\">\\n</div>\\n</div>\\n<div class=\"col col-small-1\"></div>\\n<div class=\"col col-small-4\">\\n<h2>Knowledge at every turn</h2>\\n<p>Now that you have your first batch of content, it’s time to think about distribution. Self-service is fastest and most relevant when customers get help in the middle of what they’re already doing. That’s why Guide allows you to write in one place and distribute to all your channels at once. If you want to connect with customers outside your help center, you’ll want to look into the Web Widget and the Mobile SDK, which give customers in-context support inside your product or on your website.</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"feature-3\">\\n<div class=\"container grid vertically-centered\">\\n<div class=\"row reverse-small\">\\n<div class=\"col col-small-7\">\\n<img class=\"lazyloaded  hide-small-up\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-3-mobile.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-3-mobile-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-3-mobile.png\" alt=\"\">\\n<div class=\"animation show-small-up\"><video autoplay muted loop playsinline preload=\"metadata\" poster=\"https://framerusercontent.com/images/vUvPBg5vat3HdqSkaMEDqriHSgo.png\" style=\"width:100%;aspect-ratio:1920/1400;object-fit:contain\"><source src=\"https://framerusercontent.com/assets/2bv4EcL1DdWFTMTO7Om7nmW04.mp4\" type=\"video/mp4\"></video></div>\\n</div>\\n<div class=\"col col-small-1\"></div>\\n<div class=\"col col-small-4\">\\n<h2>Power up the team</h2>\\n<p>Getting your help center set up can be a serious investment of time and energy. That’s why Guide includes tools that help your team lend a hand. For example: the Knowledge Capture App. It lets agents draft new articles and knowledge on the fly, flag old content for improvements, and share AI-powered article recommendations inside tickets. Once you’re feeling confident, take it one step further and allow any agent to help with the publishing process on <a href=\"/guide/enterprise/\" class=\"anchor\" target=\"\" rel=\"\">Guide Enterprise</a>.</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"promo container js-promo-body\" data-location=\"body\">\\n<div class=\"announcement\">\\n<div class=\"flex-container active\">\\n<span class=\"logo product-icon-guide\"></span>\\n<div class=\"content\">\\n<h4 class=\"js-promo-body-title\">Get the Guide guide</h4>\\n<p>Learn the key steps to building a best-in-class knowledge management program.</p>\\n</div>\\n<div class=\"cta-section\">\\n<a href=\"/resources/building-best-class-customer-self-service-experience/\" class=\"button button-small button-primary-default\" target=\"\" rel=\"\">Download your guide</a> </div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"best-practices container\" data-skip-activate-page-section>\\n<div class=\"grid centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-8\">\\n<h2 class=\"center\">Built-in best practices</h2>\\n<p class=\"center\">As your business and support operations grow more complex, it’s important to make sure your knowledge base stays relevant. Guide is engineered to provide a streamlined content creation, revision, and approval process that doesn’t just invite new content, it helps keep it up to snuff.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"js-tabs-module tabs-module vertical flex-content\">\\n<div class=\"content-container\">\\n<div class=\"align-top\" data-tab-content=\"tab1\">\\n<div class=\"animation show-small-up\">\\n<img class=\"lazyloaded  anim main\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-1a.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-1a-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-1a.png\" alt=\"\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-1 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-1b.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-1b-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-1b.png\" alt=\"\">\\n</div>\\n</div>\\n<div class=\"align-top\" data-tab-content=\"tab2\">\\n<div class=\"animation show-small-up\">\\n<img class=\"lazyloaded  anim main\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-2a.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-2a-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-2a.png\" alt=\"\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-1 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-2b.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-2b-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-2b.png\" alt=\"\">\\n</div>\\n</div>\\n<div class=\"align-top\" data-tab-content=\"tab3\">\\n<div class=\"animation show-small-up\">\\n<img class=\"lazyloaded  anim main\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-3a.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-3a-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-3a.png\" alt=\"\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-1 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-3b.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-3b-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/tab-3b.png\" alt=\"\">\\n</div>\\n</div>\\n</div>\\n<div class=\"tabs-container\">\\n<div class=\"tab tab-1\" data-tab=\"tab1\">\\n<div class=\"tab-inner\">\\n<h4 class=\"tab-trigger\">\\n<span>Robust reporting</span>\\n</h4>\\n<div class=\"tab-details\">\\n<p>Not all content is created equal. Guide has built-in reporting to help you identify what’s working, and what to write next. For a deep dive into optimizing with the right metrics, check out this <a href=\"/resources/optimize-self-service-right-metrics/\" class=\"anchor\" target=\"\" rel=\"\">ebook</a>.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"tab tab-2\" data-tab=\"tab2\">\\n<div class=\"tab-inner\">\\n<h4 class=\"tab-trigger\">\\n<span>Automate your upkeep</span>\\n</h4>\\n<div class=\"tab-details\">\\n<p>Machine learning can help you keep tabs on your knowledge base, and see which content is doing well and which needs editing or attention. That’s why we’ve built <a href=\"/guide/features/content-cues/\" class=\"anchor\" target=\"\" rel=\"\">Content Cues</a>.</p>\\n</div>\\n</div>\\n</div>\\n<div class=\"tab tab-3\" data-tab=\"tab3\">\\n<div class=\"tab-inner\">\\n<h4 class=\"tab-trigger\">\\n<span>Collaborate and listen</span>\\n</h4>\\n<div class=\"tab-details\">\\n<p>Engage your whole team to caretake content. Automatic updates on article changes and <a href=\"/guide/features/team-publishing/\" class=\"anchor\" target=\"\" rel=\"\">collaborative publishing workflows</a> empower your agents and keep everyone in the loop.</p>\\n</div>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section>\\n<div class=\"container\">\\n<div class=\"quote centered\">\\n<div class=\"logo\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/logo-evernote.svg\" alt=\"\">\\n</div>\\n<div class=\"content\">\\n<blockquote>&ldquo;We love the help center in Zendesk Guide because it’s easy to use. We get some great analytics out of it in terms of which articles are being used the most. It helps us to make adjustments and to see what’s helping our users.&rdquo;</blockquote>\\n<cite>Gerald Hastie, Director, Global Customer Experience at <a href=\"/customer/evernote/\" class=\"anchor\" target=\"\" rel=\"\">Evernote</a></cite>\\n<div class=\"statistics statistics-center\">\\n<p class=\"statistic\">\\n<span>17%</span> self-service ticket deflection\\n</p>\\n<p class=\"statistic\">\\n<span>200</span> million users\\n</p>\\n</div>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"feature-4\">\\n<div class=\"container grid vertically-centered\">\\n<div class=\"row\">\\n<div class=\"col col-small-7\">\\n<img class=\"lazyloaded  hide-small-up\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4-mobile.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4-mobile-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4-mobile.png\" alt=\"\">\\n<div class=\"animation show-small-up\">\\n<img class=\"lazyloaded  anim main\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4a.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4a-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4a.png\" alt=\"\">\\n<img class=\"lazyloaded  anim anim-in anim-up anim-delay-1 floating\" srcset=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4b.png, https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4b-2x.png 2x\" src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/feature-4b.png\" alt=\"\">\\n</div>\\n</div>\\n<div class=\"col col-small-5\">\\n<h2>Thanks a bot</h2>\\n<p><a href=\"/answer-bot/\" class=\"anchor\" target=\"\" rel=\"\">Answer Bot</a> delivers even faster answers to customers. Using machine learning, it’s deeply familiar with your knowledge base. When a customer asks a question over the web widget, email, or <a href=\"/guide/features/answer-bot-everywhere/\" class=\"anchor\" target=\"\" rel=\"\">other text-based channels</a>, Answer Bot immediately responds with relevant content. It works best with high frequency, low touch tickets — the kind agents spend too much time on. They’ll have lighter workloads and more time to focus on human problems.</p>\\n<p>Best of all, Answer Bot learns from each customer interaction. It’s the quickest draw on the web (and getting better by the minute).</p>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section>\\n<div class=\"container\">\\n<div class=\"quote centered\">\\n<div class=\"logo\">\\n<img src=\"https://d1eipm3vz40hy0.cloudfront.net/images/p-guide/overview/2019-redesign/logo-spartan.svg\" alt=\"\">\\n</div>\\n<div class=\"content\">\\n<blockquote>&ldquo;Answer Bot in the Web Widget has allowed our customers to self-serve their easy, quick-answer questions, allowing our agents to have the bandwidth to serve more complex customer issues. The time savings on our agents has allowed us to add an additional 3 hours of chat coverage per day!&rdquo;</blockquote>\\n<cite>Aja Varney, Director, Global Customer Engagement at <a href=\"/support/webinar/spartan-race-self-service/\" class=\"anchor\" target=\"\" rel=\"\">Spartan Race</a></cite>\\n</div>\\n</div>\\n</div>\\n</section>\\n\\n<section class=\"footer-cta\">\\n<div class=\"container grid centered\">\\n<div class=\"row\">\\n<div class=\"col col-medium-8\">\\n<h2 class=\"center\">Let us Guide the way</h2>\\n<div class=\"cta-section\">\\n<div class=\"trial-button js-trial-button\" data-product=\"guide\"><a href=\"/register/?source=zendesk_guide\" style=\"display: none;\" class=\" button button-large button-primary-default\" data-modal-id=\"\" target=\"\" rel=\"\">Start my free trial</a><ul class=\"subdomainlogin js-subdomainlogin singlebutton\" style=\"display: none;\"><li><a href=\"#\" class=\"login-btn button button-large button-primary-default\">Try Guide for free</a><ul></ul></li></ul></div> </div>\\n</div>\\n</div>\\n</div>\\n</section>\\n</article></div><button class=\"product-toggle\">Pause</button><script>const v=document.querySelector(\\'.product-scroll\\'),b=document.querySelector(\\'.product-toggle\\'),mq=matchMedia(\\'(prefers-reduced-motion:reduce)\\');\\nlet active=!mq.matches,visible=false,raf=0,last=0,t=0;\\nconst reveal=[...document.querySelectorAll(\\'article section:not(.hero) .row > .col\\')];\\nreveal.forEach(e=>e.classList.add(\\'product-reveal\\'));\\nconst observer=new IntersectionObserver(entries=>entries.forEach(e=>e.target.classList.toggle(\\'is-visible\\',e.isIntersecting)),{root:v,threshold:.04,rootMargin:\\'0px 0px -25px 0px\\'});\\nreveal.forEach(e=>observer.observe(e));\\nfunction ease(p){return p*p*(3-2*p)}\\nfunction tick(now){raf=0;if(!active||!visible||document.hidden)return;t+=last?Math.min(80,now-last):0;last=now;const cycle=t%11500;let q=0;if(cycle>=1100&&cycle<9400){const p=(cycle-1100)/8300;const segment=Math.min(5,Math.floor(p*6));const local=Math.min(1,(p*6-segment)/.82);q=(segment+ease(local))/6}else if(cycle>=9400&&cycle<=10400)q=1;else if(cycle>10400)q=1-ease((cycle-10400)/1100);v.scrollTop=Math.max(0,v.scrollHeight-v.clientHeight)*q;raf=requestAnimationFrame(tick)}\\nfunction run(){cancelAnimationFrame(raf);raf=0;last=0;if(active&&visible&&!document.hidden)raf=requestAnimationFrame(tick);document.querySelectorAll(\\'video\\').forEach(e=>{e.muted=true;if(active&&visible)e.play().catch(()=>{});else e.pause()})}\\nfunction pause(){active=false;b.textContent=\\'Play\\';run()}\\nb.onclick=()=>{active=!active;b.textContent=active?\\'Pause\\':\\'Play\\';run()};\\nv.addEventListener(\\'wheel\\',pause,{passive:true});v.addEventListener(\\'pointerdown\\',pause);v.addEventListener(\\'keydown\\',pause);\\ndocument.querySelectorAll(\\'a\\').forEach(a=>a.addEventListener(\\'click\\',e=>e.preventDefault()));\\naddEventListener(\\'message\\',e=>{if(e.source!==parent||e.data?.type!==\\'zd-product-visible\\')return;visible=!!e.data.visible;run()});\\ndocument.addEventListener(\\'visibilitychange\\',run);mq.addEventListener(\\'change\\',()=>{if(mq.matches)pause()});if(parent===window){visible=true;run()}\\n</script></body></html>';return /*#__PURE__*/_jsx(\"div\",{className:\"zd-product-scroll\",ref:root,style:{position:\"relative\",width:\"100%\",aspectRatio:\"1280/1040\",overflow:\"hidden\",background:\"#fff\"},children:still?/*#__PURE__*/_jsx(\"img\",{src:name===\"sell\"?\"https://framerusercontent.com/images/L9P2YOMlVqqC4X82cQS94JB4hLU.png\":\"https://framerusercontent.com/images/T17EOUEc6RdrKheIfom2vk0Tug.png\",alt:\"Zendesk \"+name+\" archived page\",style:{display:\"block\",width:\"100%\",height:\"auto\"}}):/*#__PURE__*/_jsx(\"iframe\",{ref:frame,title:\"Zendesk \"+name+\" scrolling archived webpage\",sandbox:\"allow-scripts\",srcDoc:html,onLoad:()=>{const r=root.current?.getBoundingClientRect();frame.current?.contentWindow?.postMessage({type:\"zd-product-visible\",visible:!!r&&r.bottom>0&&r.top<window.innerHeight},\"*\");},style:{position:\"absolute\",left:0,top:0,width:1280,height:1040,border:0,transform:\"scale(\"+width/1280+\")\",transformOrigin:\"top left\"}})});}function Picture({src,alt,width,height,eager=false}){return /*#__PURE__*/_jsx(\"img\",{src:src,alt:alt,width:width,height:height,loading:eager?\"eager\":\"lazy\",decoding:\"async\"});}/** @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 6500\n */export default function ZendeskCaseStudy({project=\"brand\",applicationMock,overview,desktopWeb,mobilePoster,officePhoto,gardenGuidelines,gardenCards,gardenVideo,gardenPoster,gatherVideo,gatherPoster,previewStill=false,style}){const staticRender=useIsStaticRenderer();const garden=project===\"garden\";const still=staticRender||previewStill;return /*#__PURE__*/_jsx(CaseStudyImageFade,{exclude:\"header,[role=dialog],.bs-intro,.pg-new-header,.pg-still-hero\",children:/*#__PURE__*/_jsxs(\"article\",{\"data-zendesk-case-study\":project,className:\"zd-case\",style:{...style,width:\"100%\",height:\"auto\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`            .zd-case, .zd-case * { box-sizing: border-box; }\n            .zd-case { color: #000; background: #fff; padding: 80px 80px 120px; font-family: \"Inter Display Medium\", \"Inter Display\", Inter, Arial, sans-serif; }\n            .zd-case h1, .zd-case h2, .zd-case p, .zd-case figure { margin: 0; }\n            .zd-case h1 { font-family: \"Inter Display Black\", \"Inter Display\", Inter, Arial, sans-serif; font-weight: 900; font-size: 140px; line-height: .8; letter-spacing: -.05em; text-transform: uppercase; margin: 0 0 32px; }\n            .zd-case h2 { font-family: \"Inter Display SemiBold\", \"Inter Display\", Inter, Arial, sans-serif; font-weight: 600; font-size: 40px; line-height: 1.1; letter-spacing: -.02em; }\n            .zd-case p { font-size: 27px; line-height: 1.2; letter-spacing: -.01em; }\n            .zd-case .zd-label, .zd-case .zd-meta, .zd-case figcaption, .zd-case .zd-credits { font-family: \"Fragment Mono\", monospace; font-weight: 400; font-size: 13px; line-height: 1.5; letter-spacing: .05em; }\n            .zd-case .zd-label { text-transform: uppercase; margin-bottom: 20px; }\n            .zd-case img { display: block; width: 100%; height: auto; max-width: 100%; }\n            .zd-case .zd-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px; margin-top: 56px; }\n            .zd-meta dt { text-transform: uppercase; margin-bottom: 8px; }\n            .zd-meta dd { margin: 0; }\n            .zd-case section { margin-top: 112px; }\n            .zd-case .zd-intro { max-width: 1040px; margin-bottom: 48px; }\n            .zd-case .zd-intro h2 { margin-bottom: 24px; }\n            .zd-case .zd-intro p { max-width: 920px; }\n            .zd-case .zd-lead { font-family: \"Inter Display SemiBold\", \"Inter Display\", Inter, Arial, sans-serif; font-size: 40px; line-height: 1.1; letter-spacing: -.02em; }\n            .zd-case .zd-role { margin-top: 28px; }\n            .zd-case .zd-pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: center; }\n            .zd-case .zd-identity { align-items: stretch; }\n            .zd-case .zd-identity figure { display: flex; align-items: center; background: #eef5f3; }\n            .zd-case .zd-identity figure img { padding: 20px; }\n            .zd-case .zd-family { max-width: 900px; margin: 40px auto 0; }\n            .zd-case .zd-guidelines { margin-top: clamp(32px, 5vw, 64px); }\n            .zd-case .zd-print-cards { margin-top: 24px; }\n            .zd-case .zd-photo-pair { grid-template-columns: minmax(0, .85fr) minmax(0,1.35fr); margin-top: 24px; }\n            .zd-case figcaption { margin-top: 16px; color: #454545; }\n            .zd-case .zd-motion { width: 100%; overflow: hidden; background: #03363d; }\n            .zd-case .zd-motion img, .zd-case .zd-motion video { display: block; width: 100%; height: 100%; object-fit: contain; }\n            .zd-case .zd-gather { margin-top: 24px; }\n            .zd-case .zd-email { margin-top: 48px; }\n            .zd-case .zd-credits { margin-top: 32px; color: #454545; }\n            @media (min-width: 1600px) { .zd-case { padding-left: max(80px,calc((100vw - 1440px)/2)); padding-right: max(80px,calc((100vw - 1440px)/2)); } }\n            @media (max-width: 1199px) { .zd-case { padding: 64px 40px 96px; } .zd-case h1 { font-size: 110px; } .zd-case section { margin-top: 88px; } .zd-case .zd-meta { gap: 24px; } }\n            @media (max-width: 809px) { .zd-case { padding: 64px 20px 64px; } .zd-case h1 { font-size: clamp(58px,15.4vw,100px); line-height: .86; margin-bottom: 24px; } .zd-case h2, .zd-case .zd-lead { font-size: 28px; line-height: 1.12; } .zd-case p { font-size: 20px; line-height: 1.3; } .zd-case section { margin-top: 64px; } .zd-case .zd-meta { grid-template-columns: 1fr 1fr; gap: 24px 16px; margin-top: 32px; } .zd-case .zd-pair, .zd-case .zd-photo-pair { grid-template-columns: minmax(0,1fr); gap: 20px; } .zd-case .zd-intro { margin-bottom: 32px; } .zd-case .zd-family { margin-top: 24px; } .zd-case .zd-identity figure img { padding: 0; } .zd-case .zd-label, .zd-case .zd-meta, .zd-case figcaption, .zd-case .zd-credits { font-size: 11px; line-height: 1.5; } }\n\n.zd-case h1{font-weight:400;margin:0;letter-spacing:-.04em}.zd-title-reveal{overflow:hidden;padding:8px 0 10px;margin:-8px 0 20px}.zd-title-enter{animation:zd-title-in 1s cubic-bezier(.22,1,.36,1) both}@keyframes zd-title-in{from{transform:translateY(115%)}to{transform:translateY(0)}}\n.zd-case .zd-meta{margin-top:40px;text-transform:uppercase;line-height:16px}.zd-case .zd-story{margin-top:40px;padding:80px 0 40px}.zd-case .zd-story p{max-width:1040px}.zd-case .zd-motion-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.zd-case .zd-motion-pair figure img{height:100%;object-fit:contain;background:#ecf5ee}.zd-case .zd-browser-stage{background:#ede9e1;padding:56px}.zd-browser{border:1px solid #d7d8d5;border-radius:8px;overflow:hidden;background:white;box-shadow:0 15px 40px #00000014}.zd-browser-bar{height:24px;background:#f5f5f5;display:flex;align-items:center;gap:5px;padding:0 10px}.zd-browser-bar i{width:5px;height:5px;border-radius:50%;background:#b5bab7}.zd-case .zd-browser img{width:100%;height:auto}.zd-case .zd-browser-viewport{aspect-ratio:1504/1180;overflow:hidden}.zd-case .zd-application-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;margin-top:24px;align-items:center}.zd-case .zd-application-pair img{width:100%;height:auto}.zd-case .zd-github{padding:40px;background:#00363d}.zd-case .zd-link{display:inline-block;font:13px/1.5 \"Fragment Mono\",monospace;letter-spacing:.05em;text-transform:uppercase;color:inherit;text-underline-offset:5px;margin-top:24px}.zd-case .zd-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.zd-case .zd-credit-grid p{font:13px/1.6 \"Fragment Mono\",monospace;letter-spacing:.02em}.zd-case .zd-credit-grid b{display:block;font-weight:400;text-transform:uppercase;margin-bottom:8px}.zd-case .zd-garden-photo{margin-top:24px}.zd-case .zd-cards{margin-top:24px}\n@media(max-width:1199px){.zd-case .zd-story{padding:64px 0 24px}.zd-case .zd-browser-stage{padding:32px}.zd-case .zd-github{padding:24px}}\n@media(max-width:809px){.zd-case .zd-motion-pair,.zd-case .zd-application-pair{grid-template-columns:1fr;gap:20px}.zd-case .zd-story{padding:32px 0 0}.zd-case .zd-browser-stage{padding:16px}.zd-case .zd-browser-bar{height:16px}.zd-case .zd-credit-grid{grid-template-columns:1fr}.zd-case .zd-credit-grid p{font-size:11px}.zd-case h1{font-size:clamp(58px,15.4vw,100px)}}\n.zd-case .zd-github-stage{padding:44px 24px;background:#e3eee8;min-width:0}.zd-case .zd-github-crop{position:relative;aspect-ratio:562/193;overflow:hidden;width:100%}.zd-case .zd-github-crop img{position:absolute;max-width:none;width:246.975%;height:auto;left:-146.975%;top:-252.332%}\n@media(max-width:809px){.zd-case .zd-github-stage{padding:32px 20px}}\n@media(prefers-reduced-motion:reduce){.zd-title-enter{animation:none!important}}\n\n/* Garden editorial rhythm follows the existing Adobe case-study hierarchy. */\n.zd-case[data-zendesk-case-study=\"garden\"] h1{font-weight:900}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:48px;align-items:start}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{padding:80px 0 16px;margin-top:40px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story .zd-lead,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row .zd-label{font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.02em;max-width:280px;margin:0}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead),\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row>p:not(.zd-label){font-size:32px;line-height:1.2;letter-spacing:-.02em;max-width:700px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row{margin-bottom:48px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-supporting-motion{margin-top:32px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-toolkit,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-physical,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-web-applications{margin-top:40px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-digital>.zd-motion{max-width:800px;margin-inline:auto}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser-stage{padding:40px}\n@media(max-width:1199px){\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row{gap:32px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{padding-top:64px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead),\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row>p:not(.zd-label){font-size:28px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser-stage{padding:24px}}\n@media(max-width:809px){\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row{grid-template-columns:minmax(0,1fr);gap:20px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{padding:32px 0 0;margin-top:32px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story .zd-lead,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row .zd-label{font-size:11px;line-height:16px;max-width:none}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead),\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row>p:not(.zd-label){font-size:24px;line-height:1.25}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row{margin-bottom:32px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-supporting-motion{margin-top:24px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-toolkit,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-physical,\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-web-applications{margin-top:24px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser-stage{padding:16px}}\n\n[data-zendesk-case-study=\"garden\"] .zd-github-live-stage{padding:32px;background:#e3eee8;margin:40px 0 0}\n[data-zendesk-case-study=\"garden\"] .zd-github-live-stage img{display:block;width:100%;height:auto}\n[data-zendesk-case-study=\"garden\"] .zd-garden-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}\n[data-zendesk-case-study=\"garden\"] .zd-garden-context{margin-top:40px}\n@media(max-width:809px){[data-zendesk-case-study=\"garden\"] .zd-garden-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-zendesk-case-study=\"garden\"] .zd-github-live-stage{padding:16px}}\n\n[data-zendesk-case-study=\"brand\"] h1{font-weight:900}\n[data-zendesk-case-study=\"brand\"] header>img{max-width:900px;margin-inline:auto}\n[data-zendesk-case-study=\"brand\"] .zd-brand-web-original{margin-top:40px;padding:56px 32px;background:#e9f2f0;display:flex;justify-content:center}\n[data-zendesk-case-study=\"brand\"] .zd-brand-web-original img{max-width:520px;object-fit:contain}\n[data-zendesk-case-study=\"brand\"] .zd-brand-email-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px;background:#f2f5f3;align-items:start}\n[data-zendesk-case-study=\"brand\"] .zd-brand-email-original{aspect-ratio:312.5/784;background-repeat:no-repeat;background-size:800% 100%;margin:0}\n@media(max-width:809px){[data-zendesk-case-study=\"brand\"] h1{font-size:40px;line-height:.9}[data-zendesk-case-study=\"brand\"] .zd-brand-web-original{margin-top:24px;padding:24px 12px}[data-zendesk-case-study=\"brand\"] .zd-brand-email-selection{grid-template-columns:1fr;padding:24px 20px;gap:24px}[data-zendesk-case-study=\"brand\"] .zd-brand-email-original{width:100%;max-width:340px;justify-self:center}}\n/* Brand page: shared case-study rhythm; Garden stays unchanged. */\n.zd-case[data-zendesk-case-study=\"brand\"]{padding-top:80px;padding-bottom:80px}\n[data-zendesk-case-study=\"brand\"] header>img{max-width:none}\n[data-zendesk-case-study=\"brand\"] .zd-meta{border-top:1px solid #ddd;padding-top:10px}\n[data-zendesk-case-study=\"brand\"] .zd-meta dt{opacity:.5}\n[data-zendesk-case-study=\"brand\"] .zd-story{padding:156px 0 76px;margin-top:0;display:grid;grid-template-columns:.75fr 1fr;gap:20px}\n[data-zendesk-case-study=\"brand\"] .zd-story>.zd-label{font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.05em;opacity:.5}\n[data-zendesk-case-study=\"brand\"] .zd-story>.zd-lead{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.02em}\n[data-zendesk-case-study=\"brand\"] section{margin-top:80px}\n[data-zendesk-case-study=\"brand\"] .zd-intro{margin-bottom:24px}\n[data-zendesk-case-study=\"brand\"] .zd-intro h2{font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.05em;text-transform:uppercase;opacity:.5}\n[data-zendesk-case-study=\"brand\"] .zd-brand-web-original{margin-top:40px}\n[data-zendesk-case-study=\"brand\"] .zd-product-pages{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}\n[data-zendesk-case-study=\"brand\"] .zd-product-pages figure{aspect-ratio:1018/2000;overflow:auto;scrollbar-width:thin}\n[data-zendesk-case-study=\"brand\"] .zd-product-pages img{width:100%;height:auto}\n[data-zendesk-case-study=\"brand\"] .zd-brand-email-selection{gap:10px;padding:32px}\n@media(max-width:1199px){[data-zendesk-case-study=\"brand\"] .zd-story>.zd-lead{font-size:27px}}\n@media(max-width:809px){.zd-case[data-zendesk-case-study=\"brand\"]{padding:80px 24px 40px}[data-zendesk-case-study=\"brand\"] .zd-story{grid-template-columns:1fr;padding:40px 0 0;gap:20px}[data-zendesk-case-study=\"brand\"] section{margin-top:40px}[data-zendesk-case-study=\"brand\"] .zd-product-pages{grid-template-columns:1fr;gap:24px}[data-zendesk-case-study=\"brand\"] .zd-product-pages figure{aspect-ratio:1018/1500}[data-zendesk-case-study=\"brand\"] .zd-intro h2,[data-zendesk-case-study=\"brand\"] .zd-story>.zd-label{font-size:11px;line-height:13px}}\n[data-zendesk-case-study=\"brand\"] .zd-product-pages{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n[data-zendesk-case-study=\"brand\"] .zd-product-pages figure{aspect-ratio:1018/1150;overflow:hidden;position:relative}\n[data-zendesk-case-study=\"brand\"] .zd-product-pages img{position:absolute;top:0;left:0;width:100%;height:auto}\n[data-zendesk-case-study=\"brand\"] .zd-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}\n[data-zendesk-case-study=\"brand\"] .zd-product-detail figure{position:relative;aspect-ratio:1018/950;overflow:hidden}\n[data-zendesk-case-study=\"brand\"] .zd-product-detail img{position:absolute;width:100%;height:auto;top:-105%;left:0}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{padding:156px 0 0;margin-top:0;gap:20px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.02em}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row{display:block;margin-bottom:24px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-editorial-row .zd-label{opacity:.5}\n.zd-case[data-zendesk-case-study=\"garden\"] section{margin-top:80px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-garden-photo-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:center}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-garden-photo-grid>img:last-child{grid-column:1/-1;width:70%;justify-self:center}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-github-live-stage{max-width:680px;margin:40px auto 0;padding:0;background:transparent}\n@media(max-width:1199px){.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font-size:27px}}\n@media(max-width:809px){.zd-case[data-zendesk-case-study=\"garden\"]{padding-inline:24px}.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{padding-top:40px}.zd-case[data-zendesk-case-study=\"garden\"] section{margin-top:40px}[data-zendesk-case-study=\"brand\"] .zd-product-detail,[data-zendesk-case-study=\"brand\"] .zd-product-pages{grid-template-columns:1fr}.zd-case[data-zendesk-case-study=\"garden\"] .zd-garden-photo-grid{grid-template-columns:1fr}.zd-case[data-zendesk-case-study=\"garden\"] .zd-garden-photo-grid>img:last-child{width:100%}}\n\n\n/* Original Garden artwork, curated from the portfolio source files. */\n.zd-case[data-zendesk-case-study=\"garden\"]{padding:80px 80px 100px}\n.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion{width:100%;max-width:none;margin-inline:0;aspect-ratio:16/9!important;background:#01363c;display:flex;align-items:center;justify-content:center}.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion>img,.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion>video{width:42%;height:auto;aspect-ratio:1;object-fit:contain;flex:none}@media(max-width:809px){.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion>img,.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion>video{width:48%}}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-meta{border-top:1px solid #ddd;padding-top:10px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-meta dt{opacity:.5}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{margin:0;padding:156px 0 0;gap:20px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font:600 40px/1.1 \"Inter Display\",Inter,Arial,sans-serif;letter-spacing:-.02em}\n.zd-case[data-zendesk-case-study=\"garden\"] section{margin-top:80px}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-label{font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.05em;text-transform:uppercase;opacity:.5;margin-bottom:24px}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-original-identity>img+img{margin-top:10px}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-original-pair,.zd-case[data-zendesk-case-study=\"garden\"] .gd-toolkit-grid,.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-toolkit-grid>img{aspect-ratio:16/9;object-fit:contain}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-lead{width:100%;max-width:1000px;margin:auto}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-grid{margin-top:40px;align-items:start}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-shoot-context{width:42%;margin:40px auto 0}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-physical,.zd-case[data-zendesk-case-study=\"garden\"] .zd-web-applications{margin-top:80px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-github-live-stage{max-width:600px;margin:40px auto 0;padding:0;background:transparent}\n@media(max-width:1199px){.zd-case[data-zendesk-case-study=\"garden\"]{padding-inline:40px}.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font-size:27px}}\n@media(max-width:809px){.zd-case[data-zendesk-case-study=\"garden\"]{padding:80px 24px 40px}.zd-case[data-zendesk-case-study=\"garden\"] .zd-story{padding-top:40px}.zd-case[data-zendesk-case-study=\"garden\"] section,.zd-case[data-zendesk-case-study=\"garden\"] .zd-physical,.zd-case[data-zendesk-case-study=\"garden\"] .zd-web-applications{margin-top:40px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-original-pair,.zd-case[data-zendesk-case-study=\"garden\"] .gd-toolkit-grid,.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-grid{grid-template-columns:1fr}.zd-case[data-zendesk-case-study=\"garden\"] .gd-label{font-size:11px;line-height:13px;margin-bottom:20px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-shoot-context{width:70%}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-grid{margin-top:24px}}\n\n[data-zendesk-case-study=\"brand\"] .zd-brand-email-selection{grid-template-columns:repeat(2,minmax(0,1fr));padding:48px clamp(24px,6vw,96px);gap:clamp(24px,8vw,120px);background:#edf3f0}\n[data-zendesk-case-study=\"brand\"] .zd-brand-email-original{width:100%;max-width:440px;justify-self:center}\n[data-zendesk-case-study=\"brand\"] .zd-email-family{margin:10px 0 0;padding:32px;background:#edf3f0;overflow-x:auto}\n[data-zendesk-case-study=\"brand\"] .zd-email-family img{display:block;width:100%;height:auto}\n@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-brand-email-selection{grid-template-columns:1fr;padding:24px;gap:32px}[data-zendesk-case-study=\"brand\"] .zd-brand-email-original{max-width:380px}[data-zendesk-case-study=\"brand\"] .zd-email-family{padding:24px}[data-zendesk-case-study=\"brand\"] .zd-email-family img{width:1100px;max-width:none}}\n/* Shared case-study formatting, matched to the site's Body Large and Caption presets. */\n.zd-case[data-zendesk-case-study]{position:relative;min-width:0;padding:80px 80px;color:#000;background:#fff}\n.zd-case[data-zendesk-case-study] h1{font-family:\"Inter Display Black\",\"Inter Display\",Inter,Arial,sans-serif;font-weight:900;font-size:140px;line-height:.8;letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:normal}\n.zd-case[data-zendesk-case-study] .zd-story{margin-top:0;padding:156px 0 0;gap:20px}\n.zd-case[data-zendesk-case-study] .zd-story>.zd-lead:not(:first-child),.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font-family:\"Inter Display SemiBold\",\"Inter Display\",Inter,Arial,sans-serif;font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.02em}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>.zd-lead{font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.05em;text-transform:uppercase;opacity:.5}\n.zd-case[data-zendesk-case-study] .zd-meta,.zd-case[data-zendesk-case-study] .zd-credit-grid p{font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.05em}\n.zd-case[data-zendesk-case-study] .zd-title-reveal{margin-bottom:20px}\n@media(min-width:1600px){.zd-case[data-zendesk-case-study]{padding-inline:max(80px,calc((100vw - 1440px)/2))}}\n@media(min-width:810px) and (max-width:1199px){.zd-case[data-zendesk-case-study]{padding-inline:40px}.zd-case[data-zendesk-case-study] .zd-story>.zd-lead:not(:first-child),.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font-size:27px}}\n@media(max-width:809px){.zd-case[data-zendesk-case-study]{padding:80px 24px 40px}.zd-case[data-zendesk-case-study] h1{font-size:40px;line-height:.8;letter-spacing:-.02em}.zd-case[data-zendesk-case-study] .zd-story{padding-top:40px;grid-template-columns:1fr;gap:20px}.zd-case[data-zendesk-case-study] .zd-story>.zd-lead:not(:first-child),.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>p:not(.zd-lead){font-size:27px;line-height:1.1}.zd-case[data-zendesk-case-study] .zd-meta,.zd-case[data-zendesk-case-study] .zd-credit-grid p,.zd-case[data-zendesk-case-study=\"garden\"] .zd-story>.zd-lead{font-size:11px;line-height:13px}.zd-case[data-zendesk-case-study] section{margin-top:40px}}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser-viewport{aspect-ratio:auto;overflow:visible}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser-stage{padding:32px;background:#edf3f0}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser{box-shadow:none;border-radius:4px}\n.zd-case[data-zendesk-case-study=\"garden\"] .zd-github-live-stage{max-width:760px}\n@media(max-width:809px){.zd-case[data-zendesk-case-study=\"garden\"] .zd-browser-stage{padding:16px}}\n.zd-case[data-zendesk-case-study=\"brand\"] .zd-email-spec{margin:40px 0 0;overflow:hidden}\n.zd-case[data-zendesk-case-study=\"brand\"] .zd-email-spec img{display:block;width:100%;height:auto}\n@media(max-width:809px){.zd-case[data-zendesk-case-study=\"brand\"] .zd-email-spec{margin-top:24px}.zd-case[data-zendesk-case-study=\"brand\"] .zd-email-spec img{width:100%;max-width:100%;height:auto}}\n[data-zendesk-case-study=\"brand\"] .zd-product-detail .zd-guide-team-detail>img{top:-230%}\n[data-zendesk-case-study=\"brand\"] .zd-guide-team-animation{position:absolute;left:44%;top:0;width:48%;pointer-events:none}\n[data-zendesk-case-study=\"brand\"] .zd-guide-team-animation .zd-motion{background:#fff}\n\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-selects figure{margin:0;aspect-ratio:1;overflow:hidden}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-selects img{display:block;width:100%;height:100%;object-fit:cover}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-bts{width:180px;max-width:100%;margin:24px auto 0}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-bts img{display:block;width:100%;height:auto}@media(max-width:809px){.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-bts{width:140px;margin-top:20px}}\n\n[data-zendesk-case-study=\"brand\"] .zd-web-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:40px;background:#d5e9e2;align-items:start}[data-zendesk-case-study=\"brand\"] .zd-web-features figure{position:relative;aspect-ratio:4/5;overflow:hidden;margin:0;background:white}[data-zendesk-case-study=\"brand\"] .zd-web-features img{display:block;width:100%;height:auto}[data-zendesk-case-study=\"brand\"] .zd-guide-motion-feature{max-width:820px;margin:24px auto 0}[data-zendesk-case-study=\"brand\"] .zd-summit figure{margin:0}[data-zendesk-case-study=\"brand\"] .zd-summit-banner{padding:40px;background:#f2efed}[data-zendesk-case-study=\"brand\"] .zd-summit-artwork{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}[data-zendesk-case-study=\"brand\"] .zd-summit-artwork figure{aspect-ratio:4/5;overflow:hidden;background:#f2efed;display:flex;align-items:center;justify-content:center}[data-zendesk-case-study=\"brand\"] .zd-summit-artwork img{display:block;width:100%;height:100%;object-fit:contain}[data-zendesk-case-study=\"brand\"] .zd-summit-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}[data-zendesk-case-study=\"brand\"] .zd-summit-applications figure{aspect-ratio:4/3;overflow:hidden;background:#f2efed}[data-zendesk-case-study=\"brand\"] .zd-summit-applications img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-web-features{grid-template-columns:1fr;gap:20px;padding:24px}[data-zendesk-case-study=\"brand\"] .zd-web-features figure{aspect-ratio:1}[data-zendesk-case-study=\"brand\"] .zd-summit-banner{padding:16px}[data-zendesk-case-study=\"brand\"] .zd-summit-artwork{gap:8px}[data-zendesk-case-study=\"brand\"] .zd-summit-applications{grid-template-columns:1fr;gap:12px;margin-top:12px}}\n\n[data-zendesk-case-study=\"garden\"] .gd-photo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:16px;max-width:1040px;margin:0 auto;align-items:stretch}[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-bts{width:100%;max-width:none;margin:0;min-height:0;overflow:hidden}[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-bts img{width:100%;height:100%;object-fit:cover}[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-selects{max-width:none;margin:0;gap:16px}[data-zendesk-case-study=\"brand\"] .zd-email-in-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}@media(max-width:809px){[data-zendesk-case-study=\"garden\"] .gd-photo-layout{grid-template-columns:1fr;gap:12px}[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-bts{width:100%;max-width:320px;aspect-ratio:2/3;margin:0 auto}[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-selects{gap:12px}[data-zendesk-case-study=\"brand\"] .zd-email-in-use-grid{grid-template-columns:1fr;gap:16px}}\n\n.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion>img,.zd-case[data-zendesk-case-study=\"garden\"] header>.zd-motion>video{width:100%!important;height:100%!important;aspect-ratio:auto;object-fit:contain}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-bts{position:relative;height:auto}.zd-case[data-zendesk-case-study=\"garden\"] .gd-photo-layout>.gd-photo-bts img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-group{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:28px;min-height:250px;padding:32px;background:#f7f8f8;box-sizing:border-box}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-group figure{margin:0;min-width:0;display:flex;align-items:center;justify-content:center}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-group img{display:block;max-width:100%;height:auto;object-fit:contain}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-primary img{width:96px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-endorsed img{width:112px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-horizontal img{width:180px}@media(max-width:1199px){.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:809px){.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-row{gap:12px}.zd-case[data-zendesk-case-study=\"garden\"] .gd-lockup-group{min-height:216px;padding:24px;gap:24px}}\n[data-zendesk-case-study=\"brand\"] .zd-curated-emails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;padding:40px;background:#edf3f0}[data-zendesk-case-study=\"brand\"] .zd-curated-emails>.zd-brand-email-original{width:100%;max-width:360px;justify-self:center}[data-zendesk-case-study=\"brand\"] .zd-curated-emails>figure:not(.zd-brand-email-original){padding:0!important;background:transparent!important}[data-zendesk-case-study=\"brand\"] .zd-curated-emails a,[data-zendesk-case-study=\"brand\"] .zd-curated-emails img{display:block}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-curated-emails{grid-template-columns:1fr;padding:24px;gap:32px}}\n.zd-case[data-zendesk-case-study=\"garden\"] .gd-toolkit>figure{height:auto;aspect-ratio:auto}.zd-case[data-zendesk-case-study=\"garden\"] .gd-toolkit>figure>img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;transform:none}\n[data-zendesk-case-study=\"brand\"] .zd-developer-stage{padding:56px 40px;background:#e9e5dc;overflow:hidden}[data-zendesk-case-study=\"brand\"] .zd-developer-browser{width:100%;max-width:1040px;margin:0 auto;border:1px solid rgba(3,54,61,.12);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 20px 45px -18px rgba(3,54,61,.28)}[data-zendesk-case-study=\"brand\"] .zd-developer-toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;background:#fafaf8;border-bottom:1px solid #e6e5df}[data-zendesk-case-study=\"brand\"] .zd-browser-dots{display:flex;gap:5px;flex:0 0 42px}[data-zendesk-case-study=\"brand\"] .zd-browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#c4c6c2}[data-zendesk-case-study=\"brand\"] .zd-developer-address{font:400 10px/1.2 \"Fragment Mono\",monospace;color:#62716f;letter-spacing:0}[data-zendesk-case-study=\"brand\"] .zd-browser-spacer{flex:0 0 42px}[data-zendesk-case-study=\"brand\"] .zd-developer-browser>.zd-motion{margin:0;border-radius:0}[data-zendesk-case-study=\"brand\"] .zd-developer-browser>.zd-motion>img,[data-zendesk-case-study=\"brand\"] .zd-developer-browser>.zd-motion>video{width:100%;height:100%;object-fit:contain}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-developer-stage{padding:28px 16px}[data-zendesk-case-study=\"brand\"] .zd-developer-toolbar{height:28px;padding:0 9px;gap:8px}[data-zendesk-case-study=\"brand\"] .zd-developer-address{font-size:8px}[data-zendesk-case-study=\"brand\"] .zd-browser-spacer{flex-basis:20px}}\n\n[data-zendesk-case-study=\"brand\"] .zd-work-gallery{margin-top:16px;background:#edf3f0;padding:24px 0 28px;overflow:hidden}\n[data-zendesk-case-study=\"brand\"] .zd-event-gallery{background:#f2efed}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 28px 18px;font:400 11px/1.4 \"Fragment Mono\",monospace;color:#68716e}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-controls>div{display:flex;gap:8px}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-controls button{width:36px;height:32px;border:1px solid #c6cfca;background:transparent;color:#03363d;cursor:pointer;font:18px Arial;border-radius:0}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:28px;padding:0 28px 14px;align-items:stretch;scrollbar-width:thin;scrollbar-color:#a5b8ad transparent}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-card{display:block;position:relative;flex:0 0 32%;min-width:0;height:430px;padding:0;border:0;border-radius:0;background:white;overflow:hidden;text-align:left;cursor:zoom-in;scroll-snap-align:start;align-self:stretch}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-card>img{display:block;width:100%;height:auto;max-width:none}\n[data-zendesk-case-study=\"brand\"] .zd-gallery-crop{width:100%;background-repeat:no-repeat}\n[data-zendesk-case-study=\"brand\"] .zd-event-gallery .zd-gallery-card{height:360px;background:white;padding:20px;display:flex;align-items:center;justify-content:center}\n[data-zendesk-case-study=\"brand\"] .zd-event-gallery .zd-gallery-card>img{width:100%;height:100%;object-fit:contain}\n[data-zendesk-case-study=\"brand\"] .zd-guide-motion-paired{max-width:none;margin:0;background:#d5e9e2;padding:0 40px 40px;display:grid;grid-template-columns:1fr 1fr;gap:24px}\n[data-zendesk-case-study=\"brand\"] .zd-guide-motion-paired>.zd-motion{grid-column:2;width:100%}\n.zd-gallery-dialog{position:fixed;inset:0;border:0;border-radius:0;padding:60px 32px 32px;margin:auto;width:min(1000px,94vw);height:90vh;max-height:90vh;max-width:94vw;background:#f5f6f3;overflow-y:auto;overscroll-behavior:contain;color:#03363d}\n.zd-gallery-dialog::backdrop{background:rgba(0,20,24,.78)}\n.zd-gallery-close{position:sticky;top:-45px;float:right;z-index:2;border:1px solid #c5ceca;background:white;padding:10px 16px;cursor:pointer;color:#03363d;font:12px \"Fragment Mono\",monospace}\n.zd-gallery-full{clear:both;max-width:850px;margin:0 auto}.zd-gallery-full>img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain}\n.zd-gallery-full-email{max-width:600px}.zd-gallery-full .zd-gallery-crop{width:100%;background-repeat:no-repeat}\n.zd-work-gallery button:focus-visible,.zd-gallery-dialog button:focus-visible{outline:2px solid #03363d;outline-offset:3px}\n@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-gallery-controls{padding-inline:16px;font-size:9px}[data-zendesk-case-study=\"brand\"] .zd-gallery-track{padding-inline:16px;scroll-padding-inline:16px;gap:16px}[data-zendesk-case-study=\"brand\"] .zd-gallery-card{flex-basis:82%;height:420px}[data-zendesk-case-study=\"brand\"] .zd-event-gallery .zd-gallery-card{height:340px}[data-zendesk-case-study=\"brand\"] .zd-guide-motion-paired{display:block;padding:0 24px 24px}.zd-gallery-dialog{padding:50px 16px 20px}}\n\n[data-zendesk-case-study=\"brand\"] .zd-web-features .zd-guide-motion-paired{display:block;position:absolute;right:16px;bottom:16px;width:82%;padding:0;margin:0;background:white;box-shadow:0 8px 24px rgba(3,54,61,.18)}[data-zendesk-case-study=\"brand\"] .zd-web-features .zd-guide-motion-paired>.zd-motion{width:100%;margin:0}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-web-features .zd-guide-motion-paired{right:12px;bottom:12px;width:82%}}\n @font-face{font-family:\"Zendesk Historical Sharp\";src:url(\"https://framerusercontent.com/assets/MwUyh3RxEV9ZIVZLtijsZGL90sE.woff2\") format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}\n @font-face{font-family:\"Zendesk Historical Sharp\";src:url(\"https://framerusercontent.com/assets/xsK35cKNHFYVBwStbmptom2Bqg.woff2\") format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}\n .ze-poster-shell{container-type:inline-size;width:100%}.ze-poster{position:relative;aspect-ratio:4/5;width:100%;overflow:hidden;text-align:left;font-family:\"Zendesk Historical Sharp\",sans-serif;font-weight:700;font-synthesis:none;color:#fff9df;background:#03363d}\n .ze-poster-photo-block{position:absolute;left:0;right:0;bottom:0}.ze-poster-photo-block img{display:block;width:100%;height:auto;max-width:100%}\n [data-zendesk-case-study=\"brand\"] .ze-poster-headline,.ze-poster-headline{position:absolute;left:6cqw;top:6cqw;margin:0;font:700 9.2cqw/1.02 \"Zendesk Historical Sharp\",sans-serif;letter-spacing:-.025em}.ze-poster-headline span{display:block}.ze-orange-word{color:#ff6224}\n .ze-poster-logo{position:absolute;right:6cqw;bottom:54%;width:17cqw;aspect-ratio:365/270;background:currentColor;-webkit-mask:url(\"https://framerusercontent.com/images/QMHNzdUxvUBUcZ5YhNyMan5rTq4.png\") center/contain no-repeat;mask:url(\"https://framerusercontent.com/images/QMHNzdUxvUBUcZ5YhNyMan5rTq4.png\") center/contain no-repeat}\n .ze-poster-1{background:#fff9df;color:#03363d}.ze-poster-1 .ze-poster-photo-block{top:0;bottom:auto}.ze-poster-1 .ze-poster-headline{top:57%;font-size:8.8cqw}.ze-poster-1 .ze-poster-logo{left:6cqw;right:auto;bottom:6cqw}\n .ze-poster-2{background:#17494d}.ze-poster-2 .ze-poster-headline{top:22cqw;font-size:9.6cqw}.ze-poster-2 .ze-poster-logo{top:7cqw;bottom:auto;right:7cqw}.ze-poster-kicker{position:absolute;left:6cqw;top:7cqw;font:400 3cqw/1.3 \"Zendesk Historical Sharp\",sans-serif;letter-spacing:.015em}\n\n .ze-poster .ze-poster-logo{left:8cqw;right:auto;top:auto;bottom:6cqw;width:17cqw;aspect-ratio:365/270}\n .ze-poster-0 .ze-poster-logo{color:#03363d}.ze-poster-1 .ze-poster-logo{color:#03363d}.ze-poster-2 .ze-poster-logo{color:#fff9df}\n .ze-poster-2 .ze-poster-headline{top:6cqw;font-size:8.8cqw}\n .ze-puzzle-shell{container-type:inline-size;width:100%}.ze-puzzle-study{position:relative;width:100%;aspect-ratio:16/9;background:#d3eef2;color:#03363d;overflow:hidden;text-align:left;font-family:\"Zendesk Historical Sharp\",sans-serif}[data-zendesk-case-study=\"brand\"] .ze-puzzle-study>img,dialog[data-ze-dialog] .ze-puzzle-study>img{position:absolute;left:51.5625%;top:14.6667%;width:44.0625%;height:72%;object-fit:cover}.ze-puzzle-study>p{position:absolute;left:5.625%;top:45.6667%;margin:0;font:400 1.75cqw/1.25 \"Zendesk Historical Sharp\",sans-serif;white-space:nowrap}.ze-puzzle-logo{position:absolute;left:5.9%;top:70.4%;width:13.4%;aspect-ratio:365/270;background:currentColor;-webkit-mask:url(\"https://framerusercontent.com/images/QMHNzdUxvUBUcZ5YhNyMan5rTq4.png\") center/contain no-repeat;mask:url(\"https://framerusercontent.com/images/QMHNzdUxvUBUcZ5YhNyMan5rTq4.png\") center/contain no-repeat}\n .ze-dialog-poster{max-width:700px;width:100%;margin:auto}\n\n\n[data-zendesk-case-study=\"brand\"] .zd-shoot-originals{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto}\n[data-zendesk-case-study=\"brand\"] .zd-shoot-originals figure{margin:0;min-width:0}\n[data-zendesk-case-study=\"brand\"] .zd-shoot-originals img{display:block;width:100%;height:auto;aspect-ratio:auto}\n[data-zendesk-case-study=\"brand\"] .zd-identity-overview{margin:32px 0 0}\n[data-zendesk-case-study=\"brand\"] .zd-identity-overview img{display:block;width:100%;height:auto}\n[data-zendesk-case-study=\"brand\"] .zd-shoot-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}\n[data-zendesk-case-study=\"brand\"] .zd-study-disclosure{font:400 11px/1.5 \"Fragment Mono\",monospace;color:#777;margin:16px 0 0}\n[data-zendesk-case-study=\"brand\"] .zd-email-gallery .zd-gallery-card{flex-basis:23%;height:500px}\n[data-zendesk-case-study=\"brand\"] .zd-email-gallery .zd-gallery-track{gap:20px}\n@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-shoot-originals{gap:10px}[data-zendesk-case-study=\"brand\"] .zd-shoot-studies{grid-template-columns:1fr;gap:20px;max-width:360px;margin-inline:auto}[data-zendesk-case-study=\"brand\"] .zd-email-gallery .zd-gallery-card{flex-basis:68%;height:480px}}\n\n[data-zendesk-case-study=\"brand\"] .zd-brand-logo-hero{width:100%;aspect-ratio:16/9;background:#03363d;display:flex;align-items:center;justify-content:center;overflow:hidden}[data-zendesk-case-study=\"brand\"] .zd-brand-logo-hero>span{display:block;width:24%;max-width:280px;aspect-ratio:365/270;background:#fff;-webkit-mask:url(\"https://framerusercontent.com/images/QMHNzdUxvUBUcZ5YhNyMan5rTq4.png\") center/contain no-repeat;mask:url(\"https://framerusercontent.com/images/QMHNzdUxvUBUcZ5YhNyMan5rTq4.png\") center/contain no-repeat}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-brand-logo-hero>span{width:29%}}\n[data-zendesk-case-study=\"brand\"] .zd-email-gallery{padding-bottom:0}[data-zendesk-case-study=\"brand\"] .zd-email-gallery .zd-gallery-track{padding-bottom:0}\n[data-zendesk-case-study=\"brand\"] .zd-identity-overview{position:relative;overflow:hidden;aspect-ratio:1932/1061;height:auto}[data-zendesk-case-study=\"brand\"] .zd-identity-overview>img{position:absolute;left:-1.863354%;top:-3.016023%;width:103.519669%!important;max-width:none!important;height:auto!important;aspect-ratio:auto}[data-zendesk-case-study=\"brand\"] .zd-summit-shirt-mockup{margin:0 0 24px}[data-zendesk-case-study=\"brand\"] .zd-summit-shirt-mockup>img{display:block;width:100%;height:auto}\n[data-zendesk-case-study=\"brand\"] .zd-full-shoot-grid{margin:0;width:100%}[data-zendesk-case-study=\"brand\"] .zd-full-shoot-grid img{display:block;width:100%;height:auto;aspect-ratio:auto}\n[data-zendesk-case-study=\"brand\"] .zd-summit-final-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}[data-zendesk-case-study=\"brand\"] .zd-summit-final-pair>figure{margin:0!important;min-width:0;aspect-ratio:3/2;overflow:hidden}[data-zendesk-case-study=\"brand\"] .zd-summit-final-pair img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-summit-final-pair{grid-template-columns:1fr;gap:16px}}\n\n/* Zendesk brand: original vector logo and shared case-study layout rhythm. */\n.zd-case[data-zendesk-case-study=\"brand\"] .zd-brand-logo-hero>img{display:block;width:24%;max-width:280px;height:auto;aspect-ratio:363/259;object-fit:contain;flex:none}\n.zd-case[data-zendesk-case-study=\"brand\"] .zd-title-enter{animation:zd-title-in 1s cubic-bezier(.76,0,.24,1) .7s both}\n.zd-case[data-zendesk-case-study=\"brand\"] .zd-meta{margin-left:0;margin-right:0;margin-bottom:0}\n.zd-case[data-zendesk-case-study=\"brand\"] .zd-intro h2{margin:0}\n.zd-case[data-zendesk-case-study=\"brand\"] section{scroll-margin-top:100px}\n@media(min-width:810px) and (max-width:1199px){.zd-case[data-zendesk-case-study=\"brand\"] h1{font-size:110px}}\n@media(max-width:809px){.zd-case[data-zendesk-case-study=\"brand\"] .zd-brand-logo-hero>img{width:29%}.zd-case[data-zendesk-case-study=\"brand\"] .zd-meta{margin-top:32px}.zd-case[data-zendesk-case-study=\"brand\"] .zd-intro{margin-bottom:20px}}\n@media(prefers-reduced-motion:reduce){.zd-case[data-zendesk-case-study=\"brand\"] .zd-title-enter{animation:none!important;transform:none!important}}\n[data-zendesk-case-study=\"brand\"] .zd-product-square-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-zendesk-case-study=\"brand\"] .zd-product-square{aspect-ratio:1;padding:24px;display:flex;flex-direction:column;gap:20px;justify-content:center;min-width:0;overflow:hidden}[data-zendesk-case-study=\"brand\"] .zd-sell-square{background:#f3d6a0}[data-zendesk-case-study=\"brand\"] .zd-guide-square{background:#f7a0b1}[data-zendesk-case-study=\"brand\"] .zd-product-square figcaption{margin:0;font:400 11px/1.4 \"Fragment Mono\",monospace;text-transform:uppercase;color:#03363d;letter-spacing:.05em}[data-zendesk-case-study=\"brand\"] .zd-product-browser{width:100%;background:#fff;border:1px solid #03363d24;overflow:hidden;box-shadow:0 12px 30px #03363d17}[data-zendesk-case-study=\"brand\"] .zd-product-browser-bar{height:22px;padding:0 9px;display:flex;align-items:center;gap:12px;background:#fafaf8;color:#a0aaa5;font:8px Arial;border-bottom:1px solid #ddd}[data-zendesk-case-study=\"brand\"] .zd-product-browser-bar span{color:#65726d;font:8px Arial}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-product-square-pair{grid-template-columns:1fr;gap:16px}[data-zendesk-case-study=\"brand\"] .zd-product-square{padding:20px;gap:16px}}\n[data-zendesk-case-study=\"brand\"] .zd-product-square-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-zendesk-case-study=\"brand\"] .zd-product-square{aspect-ratio:1;padding:24px;display:flex;flex-direction:column;gap:20px;justify-content:center;min-width:0;overflow:hidden}[data-zendesk-case-study=\"brand\"] .zd-sell-square{background:#f3d6a0}[data-zendesk-case-study=\"brand\"] .zd-guide-square{background:#f7a0b1}[data-zendesk-case-study=\"brand\"] .zd-product-square figcaption{margin:0;font:400 11px/1.4 \"Fragment Mono\",monospace;text-transform:uppercase;color:#03363d;letter-spacing:.05em}[data-zendesk-case-study=\"brand\"] .zd-product-browser{width:100%;background:#fff;border:1px solid #03363d24;overflow:hidden;box-shadow:0 12px 30px #03363d17}[data-zendesk-case-study=\"brand\"] .zd-product-browser-bar{height:22px;padding:0 9px;display:flex;align-items:center;gap:12px;background:#fafaf8;color:#a0aaa5;font:8px Arial;border-bottom:1px solid #ddd}[data-zendesk-case-study=\"brand\"] .zd-product-browser-bar span{color:#65726d;font:8px Arial}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-product-square-pair{grid-template-columns:1fr;gap:16px}[data-zendesk-case-study=\"brand\"] .zd-product-square{padding:20px;gap:16px}}\n[data-zendesk-case-study=\"brand\"] .zd-product-square-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-zendesk-case-study=\"brand\"] .zd-product-square{aspect-ratio:1;padding:24px;display:flex;flex-direction:column;gap:20px;justify-content:center;min-width:0;overflow:hidden}[data-zendesk-case-study=\"brand\"] .zd-sell-square{background:#f3d6a0}[data-zendesk-case-study=\"brand\"] .zd-guide-square{background:#f7a0b1}[data-zendesk-case-study=\"brand\"] .zd-product-square figcaption{margin:0;font:400 11px/1.4 \"Fragment Mono\",monospace;text-transform:uppercase;color:#03363d;letter-spacing:.05em}[data-zendesk-case-study=\"brand\"] .zd-product-browser{width:100%;background:#fff;border:1px solid #03363d24;overflow:hidden;box-shadow:0 12px 30px #03363d17}[data-zendesk-case-study=\"brand\"] .zd-product-browser-bar{height:22px;padding:0 9px;display:flex;align-items:center;gap:12px;background:#fafaf8;color:#a0aaa5;font:8px Arial;border-bottom:1px solid #ddd}[data-zendesk-case-study=\"brand\"] .zd-product-browser-bar span{color:#65726d;font:8px Arial}@media(max-width:809px){[data-zendesk-case-study=\"brand\"] .zd-product-square-pair{grid-template-columns:1fr;gap:16px}[data-zendesk-case-study=\"brand\"] .zd-product-square{padding:20px;gap:16px}}\n[data-zendesk-case-study=\"brand\"] .zd-shoot-content .zd-identity-overview{margin:0 0 24px}\n\n[data-zendesk-case-study=\"garden\"] .gd-curated-shoot figure{margin:0;min-width:0;overflow:hidden}\n[data-zendesk-case-study=\"garden\"] .gd-curated-shoot img{display:block;width:100%;height:auto}\n[data-zendesk-case-study=\"garden\"] .gd-curated-lead{max-width:640px;margin:0 auto 24px}\n[data-zendesk-case-study=\"garden\"] .gd-curated-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}\n[data-zendesk-case-study=\"garden\"] .gd-curated-pair figure{aspect-ratio:1}\n[data-zendesk-case-study=\"garden\"] .gd-curated-pair img{width:100%;height:100%;object-fit:cover}\n[data-zendesk-case-study=\"garden\"] .gd-curated-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\n[data-zendesk-case-study=\"garden\"] .gd-curated-details figure{aspect-ratio:1;position:relative}\n[data-zendesk-case-study=\"garden\"] .gd-curated-details img{width:100%;height:100%;object-fit:cover}\n[data-zendesk-case-study=\"garden\"] figure.gd-curated-bts{max-width:360px;margin:40px auto 0}\n@media(max-width:809px){[data-zendesk-case-study=\"garden\"] .gd-curated-lead{margin-bottom:12px}[data-zendesk-case-study=\"garden\"] .gd-curated-pair{gap:12px;margin-bottom:12px}[data-zendesk-case-study=\"garden\"] .gd-curated-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-zendesk-case-study=\"garden\"] figure.gd-curated-bts{max-width:260px;margin-top:24px}}\n\n[data-zendesk-case-study=\"garden\"] section.gd-curated-shoot{width:100%;max-width:760px;margin-left:auto;margin-right:auto}[data-zendesk-case-study=\"garden\"] .gd-curated-lead{max-width:480px}[data-zendesk-case-study=\"garden\"] figure.gd-curated-bts{max-width:280px}\n\n[data-zendesk-case-study=\"garden\"] section.gd-curated-shoot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1040px;width:100%;margin-left:auto;margin-right:auto}\n[data-zendesk-case-study=\"garden\"] .gd-curated-shoot>.gd-label{grid-column:1/-1;margin:0 0 8px}\n[data-zendesk-case-study=\"garden\"] .gd-curated-lead,[data-zendesk-case-study=\"garden\"] .gd-curated-pair,[data-zendesk-case-study=\"garden\"] .gd-curated-details{display:contents}\n[data-zendesk-case-study=\"garden\"] .gd-curated-shoot figure,[data-zendesk-case-study=\"garden\"] figure.gd-curated-bts{width:100%;max-width:none;aspect-ratio:1;margin:0;position:relative;overflow:hidden}\n[data-zendesk-case-study=\"garden\"] .gd-curated-shoot figure>img{width:100%;height:100%;object-fit:cover;display:block}\n@media(max-width:809px){[data-zendesk-case-study=\"garden\"] section.gd-curated-shoot{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}\n\n/* Mobile Details: current shared Caption metrics; code markup cannot bind a Framer text preset. */\n@media(max-width:809px){.zd-case .zd-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-top:10px;border-top:1px solid var(--token-7e6b70b4-3b98-4edf-97df-1fdfe212f485,#ddd);padding-bottom:24px;border-bottom:1px solid var(--token-7e6b70b4-3b98-4edf-97df-1fdfe212f485,#ddd);font:400 13px/16px \"Fragment Mono\",monospace;letter-spacing:.05em;text-transform:uppercase;color:#000;text-align:left}.zd-case .zd-meta>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;min-width:0}.zd-case .zd-meta>div:last-child{grid-column:auto}.zd-case .zd-meta dt,.zd-case .zd-meta dd{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;text-align:left;min-width:0;overflow-wrap:anywhere;margin:0}.zd-case .zd-meta dt{opacity:.5}.zd-case .zd-meta dd{opacity:1}}\n\n/* Keep the final desktop Details block at the outer edge; mobile stays unchanged. */\n@media(min-width:810px){.zd-case .zd-meta>:last-child{justify-self:end;width:fit-content;max-width:100%;text-align:left}}\n`}),/*#__PURE__*/_jsxs(\"header\",{children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-title-reveal\",children:/*#__PURE__*/_jsx(\"h1\",{className:still?\"\":\"zd-title-enter\",children:garden?\"Zendesk Garden\":\"Zendesk\"})}),garden?/*#__PURE__*/_jsx(Motion,{src:\"https://framerusercontent.com/assets/yUI7dxVIScqudXFR3fxIDWx5Us.mp4\",poster:\"https://framerusercontent.com/images/eMCuP7kqExufvhAXS8lkcfKT4c4.png\",label:\"Original animated Garden logo\",ratio:16/9,still:still}):/*#__PURE__*/_jsx(\"div\",{className:\"zd-brand-logo-hero\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/JRI54xcPUnRgyhtizcdTb5jRjM.svg\",alt:\"Zendesk\",width:363,height:259,decoding:\"async\",fetchPriority:\"high\"})}),/*#__PURE__*/_jsxs(\"dl\",{className:\"zd-meta\",children:[/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"dt\",{children:\"Company\"}),/*#__PURE__*/_jsx(\"dd\",{children:\"Zendesk\"})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"dt\",{children:\"Year\"}),/*#__PURE__*/_jsx(\"dd\",{children:garden?\"2019\":\"2019–2020\"})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"dt\",{children:\"Role\"}),/*#__PURE__*/_jsx(\"dd\",{children:garden?\"Brand Designer\":\"Brand design & art direction\"})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"dt\",{children:\"Discipline\"}),/*#__PURE__*/_jsx(\"dd\",{children:garden?/*#__PURE__*/_jsxs(_Fragment,{children:[\"Identity design\",/*#__PURE__*/_jsx(\"br\",{}),\"Art direction\"]}):/*#__PURE__*/_jsxs(_Fragment,{children:[\"Brand design\",/*#__PURE__*/_jsx(\"br\",{}),\"Digital & art direction\"]})})]})]})]}),garden?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"section\",{className:\"zd-story\",\"aria-label\":\"Overview\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"zd-lead\",children:\"Overview\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Garden gives Zendesk’s product teams shared tools for accessible, consistent interfaces. As the design system became public-facing, it needed an identity that felt distinct while belonging to the Zendesk family. I developed the logo and brand toolkit, then pitched, concepted and art-directed a photoshoot pairing geometric plywood forms with living foliage.\"})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"gd-original-identity\",\"aria-label\":\"Garden identity and Zendesk product family\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"gd-label\",children:\"Identity\"}),/*#__PURE__*/_jsx(\"img\",{className:\"\",src:\"https://framerusercontent.com/images/Nl7k1TRhTrmj8E6vdKhuP683hkQ.png\",alt:\"Garden, the Zendesk product family and Zendesk masterbrand\",loading:\"lazy\",decoding:\"async\"}),/*#__PURE__*/_jsx(\"img\",{className:\"\",src:\"https://framerusercontent.com/images/0Gf9SCJf8Jl5tq9huYFBbvB0LzY.png\",alt:\"Original Garden logo in its three primary color combinations\",loading:\"lazy\",decoding:\"async\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"gd-lockup-row\",\"aria-label\":\"Garden primary and Zendesk-endorsed logo lockups\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"gd-lockup-group\",role:\"group\",\"aria-label\":\"Garden standalone lockups\",children:[/*#__PURE__*/_jsx(\"figure\",{className:\"gd-lockup-vertical gd-lockup-primary\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/84NkWRv9i0S0fUkWSIupsMKvVQ.svg\",alt:\"Garden vertical original lockup\",width:200,height:247,loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"gd-lockup-horizontal\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/Oc195QiXWOhoLsNckmSjEXUSiU.svg\",alt:\"Garden horizontal original lockup\",width:200,height:46,loading:\"lazy\",decoding:\"async\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"gd-lockup-group\",role:\"group\",\"aria-label\":\"Garden Zendesk-endorsed lockups\",children:[/*#__PURE__*/_jsx(\"figure\",{className:\"gd-lockup-vertical gd-lockup-endorsed\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/l8bHLZcrMBxzvlEhR2M2W91Gnmo.svg\",alt:\"Garden zendesk vertical original lockup\",width:200,height:261,loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"gd-lockup-horizontal\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/nKZrwUL6B7hlJjRsz8fQ1vz8QIY.svg\",alt:\"Garden zendesk horizontal original lockup\",width:200,height:57,loading:\"lazy\",decoding:\"async\"})})]})]})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"gd-shape-system\",\"aria-label\":\"Garden geometry and motion\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"gd-label\",children:\"A modular language\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"gd-original-pair\",children:[/*#__PURE__*/_jsx(\"img\",{className:\"\",src:\"https://framerusercontent.com/images/Vc6fVcZCmgku4zDVBTRMkUTssQ.png\",alt:\"Original identity toolkit explaining the four identical shapes behind the Garden mark\",loading:\"lazy\",decoding:\"async\"}),/*#__PURE__*/_jsx(Motion,{src:\"https://framerusercontent.com/assets/6XaVgiLcpopwTJyK0vPqoQICOY.mp4\",poster:\"https://framerusercontent.com/images/NlViFF9wqMJr3iAd0ACzlIanlrc.jpg\",label:\"Garden shape rhythm\",ratio:16/9,still:still})]})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"gd-toolkit\",\"aria-label\":\"Garden brand toolkit\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"gd-label\",children:\"Brand toolkit\"}),/*#__PURE__*/_jsx(\"figure\",{style:{margin:0},children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/RwCtvNqvRQyYHYGrfg2oZU25BE.png\",alt:\"Garden identity toolkit pages in an evenly spaced angled grid\",width:1800,height:850,style:{display:\"block\",width:\"100%\",height:\"auto\"},loading:\"lazy\",decoding:\"async\"})})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"zd-physical\",\"aria-label\":\"Garden physical applications\",children:[/*#__PURE__*/_jsx(\"figure\",{style:{margin:\"0 0 24px\"},children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/Cdvic2aEI2kiBWbOT1lB217fco.png\",alt:\"Garden poster mockups with oversized plant symbols, modular geometry and secondary brand colors\",width:1597,height:985,style:{display:\"block\",width:\"100%\",height:\"auto\",aspectRatio:\"auto\"},loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{style:{maxWidth:1e3,margin:\"0 auto 24px\"},children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/IO2AmTGPvsGQTajr46nj6KIoc.png\",alt:\"Garden logo application on a dark teal cotton T-shirt\",width:1448,height:1086,loading:\"lazy\",decoding:\"async\"})}),applicationMock&&/*#__PURE__*/_jsx(Picture,{src:applicationMock,alt:\"Garden stickers and posters\",width:1672,height:941}),gardenCards&&/*#__PURE__*/_jsx(\"div\",{className:\"zd-print-cards\",children:/*#__PURE__*/_jsx(Picture,{src:gardenCards,alt:\"Garden printed cards with the mark and plant photography\",width:1672,height:941})})]}),/*#__PURE__*/_jsx(\"section\",{className:\"zd-digital\",\"aria-label\":\"Garden mobile applications\",children:/*#__PURE__*/_jsx(Motion,{src:\"https://framerusercontent.com/assets/R5j4Ib3o8MS6sxTT3iDSIRtO2g.mp4\",poster:mobilePoster||gardenPoster,label:\"Original Garden sliding mobile screens and Figma community animation\",ratio:1,still:still})}),/*#__PURE__*/_jsxs(\"section\",{className:\"zd-web-applications\",\"aria-label\":\"Garden website and developer community\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"gd-label\",children:\"Public-facing identity\"}),desktopWeb&&/*#__PURE__*/_jsx(\"div\",{className:\"zd-browser-stage\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"zd-browser\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-browser-bar\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{})]}),/*#__PURE__*/_jsx(\"div\",{className:\"zd-browser-viewport\",children:/*#__PURE__*/_jsx(Picture,{src:desktopWeb,alt:\"Original Garden website with plant hero and Content, Design and Components foundations\",width:1504,height:1695})})]})}),/*#__PURE__*/_jsx(\"figure\",{className:\"zd-github-live-stage\",children:/*#__PURE__*/_jsx(\"a\",{href:\"https://github.com/zendeskgarden\",target:\"_blank\",rel:\"noreferrer\",\"aria-label\":\"Visit Zendesk Garden on GitHub\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/KX0000lI3hRK83uj76V8agTGunE.png\",alt:\"Zendesk Garden’s current GitHub organization, identity and real repositories\",loading:\"lazy\",width:940,height:614})})})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"gd-photography gd-curated-shoot\",\"aria-label\":\"Garden photography and art direction\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"gd-label\",children:\"Forms + foliage\"}),/*#__PURE__*/_jsx(\"div\",{className:\"gd-curated-lead\",children:/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/XKHsKolpW45pcwEWBkYfiJlwwWc.jpg\",alt:\"The wooden Garden mark filled with living foliage\",loading:\"lazy\",decoding:\"async\"})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"gd-curated-pair\",children:[/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/fWqsKjwCRPtKVyLGBShDHseHCU.jpg\",alt:\"Scattered plywood shapes with leaves, echoing the Garden identity\",loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/15zjYjcyu4K7KBIOakkb4WVR7a4.jpg\",alt:\"Leaves arranged into a radial geometric pattern\",loading:\"lazy\",decoding:\"async\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"gd-curated-details\",children:[/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/mGvvbybqqzznm1rRZcYj6QAuFA.jpg\",alt:\"Patterned leaves against a deep blue background\",loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"gd-sheet-crop\",role:\"img\",\"aria-label\":\"Paired striped leaves against a peach background\",style:{backgroundImage:\"url(https://framerusercontent.com/images/JgQJh2XzJ3NJKRTvF37xjUKWbM.png)\",backgroundSize:\"434.76% auto\",backgroundPosition:\"66.37% 2.48%\",backgroundRepeat:\"no-repeat\"}}),/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/dG4GxBTvLkGMFipOc0eGFsLpvcs.jpg\",alt:\"Watering a plant in the Garden still-life series\",loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/gTergo23Wkky1tXIOdtJhOHEgg.jpg\",alt:\"A hand holding a plant with its roots exposed\",loading:\"lazy\",decoding:\"async\"})})]}),/*#__PURE__*/_jsx(\"figure\",{className:\"gd-curated-bts\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/sUZB0vYik74Haul7DWu0tvTd4.jpg\",alt:\"Behind the scenes: creating the Garden photography with real plants and physical sets\",loading:\"lazy\",decoding:\"async\"})})]}),/*#__PURE__*/_jsxs(\"section\",{\"aria-label\":\"Garden credits\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-credit-grid\",children:[/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Brand identity\"}),\"Dee Mahon & Talia Eisenberg\"]}),/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Photography\"}),\"Marta Dymek\",/*#__PURE__*/_jsx(\"br\",{}),\"Concept & art direction: Dee Mahon\"]}),/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Production\"}),\"Emily Mueller\"]}),/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Garden team\"}),\"Ginny Wood & the Garden design and engineering team\"]})]}),/*#__PURE__*/_jsx(Link,{href:\"/zendesk\",children:/*#__PURE__*/_jsx(\"a\",{className:\"zd-link\",children:\"More Zendesk brand work ↗\"})})]})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"section\",{className:\"zd-story\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"zd-label\",children:\"Overview\"}),/*#__PURE__*/_jsx(\"p\",{className:\"zd-lead\",children:\"At Zendesk, I worked across brand art direction and digital design, from evergreen photography to product pages and marketing emails. I led the concept and art direction for a brand photoshoot, using everyday objects and sculptural forms to create a reusable image library for web, email and social. I also designed product pages and developed the marketing email system, bringing the brand into everyday customer communications.\"})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"zd-shoot-content\",\"aria-label\":\"Zendesk brand photography\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-intro\",children:/*#__PURE__*/_jsx(\"h2\",{children:\"Photography\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"zd-identity-overview\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/BVNtMGTgsOe7jkhgx2tVGRjyUA.jpg\",alt:\"Published Zendesk brand identity overview showing the photography in use\",width:2e3,height:1125,loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"zd-full-shoot-grid\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/q9VWd3ysNPDSXqCgeIQTho6yPY.webp\",alt:\"Complete original Zendesk brand photoshoot: sixteen compositions with hands, everyday objects and sculptural forms\",width:2500,height:1603,loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"zd-shoot-studies\",\"aria-label\":\"New layout studies using the original photography\",children:[0,1,2].map(index=>/*#__PURE__*/_jsx(ZendeskPhotoStudy,{index:index},index))}),/*#__PURE__*/_jsx(\"p\",{className:\"zd-study-disclosure\",children:\"Layout studies using the original shoot photography.\"})]}),/*#__PURE__*/_jsxs(\"section\",{\"aria-label\":\"Zendesk web applications\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-intro\",children:/*#__PURE__*/_jsx(\"h2\",{children:\"Brand in use\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"zd-brand-web-original\",children:/*#__PURE__*/_jsx(Picture,{src:\"https://framerusercontent.com/images/KXIiTf6VuLAQunT6WplWXVwhcM.png\",alt:\"Original Zendesk webpage using the art-directed puzzle-piece photograph\",width:520,height:264})})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"zd-developer-feature\",\"aria-label\":\"Zendesk developer website\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-intro\",children:/*#__PURE__*/_jsx(\"h2\",{children:\"For developers\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"zd-developer-stage\",children:/*#__PURE__*/_jsxs(\"figure\",{className:\"zd-developer-browser\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-developer-toolbar\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsxs(\"span\",{className:\"zd-browser-dots\",children:[/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{})]}),/*#__PURE__*/_jsx(\"span\",{className:\"zd-developer-address\",children:\"zendesk.com/developers\"}),/*#__PURE__*/_jsx(\"span\",{className:\"zd-browser-spacer\"})]}),/*#__PURE__*/_jsx(DeveloperArchiveDemo,{still:still})]})})]}),/*#__PURE__*/_jsxs(\"section\",{\"aria-label\":\"Sell and Guide product design\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-intro\",children:/*#__PURE__*/_jsx(\"h2\",{children:\"Sell + Guide\"})}),/*#__PURE__*/_jsxs(\"div\",{className:\"zd-product-square-pair\",children:[/*#__PURE__*/_jsx(\"figure\",{className:\"zd-product-square zd-sell-square\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"zd-product-browser\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-product-browser-bar\",\"aria-hidden\":\"true\",children:[\"● ● ● \",/*#__PURE__*/_jsx(\"span\",{children:\"zendesk.com/sell\"})]}),/*#__PURE__*/_jsx(ProductPageScroll,{name:\"sell\",still:still})]})}),/*#__PURE__*/_jsx(\"figure\",{className:\"zd-product-square zd-guide-square\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"zd-product-browser\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-product-browser-bar\",\"aria-hidden\":\"true\",children:[\"● ● ● \",/*#__PURE__*/_jsx(\"span\",{children:\"zendesk.com/guide\"})]}),/*#__PURE__*/_jsx(ProductPageScroll,{name:\"guide\",still:still})]})})]})]}),/*#__PURE__*/_jsxs(\"section\",{\"aria-label\":\"Zendesk email system\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-intro\",children:/*#__PURE__*/_jsx(\"h2\",{children:\"Email system\"})}),/*#__PURE__*/_jsx(\"figure\",{className:\"zd-email-spec\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/hk29tSH6zH7WkoGWs9ZlicHY.jpg\",alt:\"Original Zendesk email system specifications: five email layouts with annotated spacing, margins, content modules and calls to action\",loading:\"lazy\",decoding:\"async\"})})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"zd-summit\",\"aria-label\":\"Zendesk Tech Summit identity\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"zd-intro\",children:/*#__PURE__*/_jsx(\"h2\",{children:\"Tech Summit\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"zd-summit-banner\",children:/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/yd57t6lEpn838JsDcYzwAmSNt8.png\",alt:\"Zendesk Tech Summit virtual event identity and banner\",loading:\"lazy\",decoding:\"async\"})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"zd-summit-final-pair\",children:[/*#__PURE__*/_jsx(\"figure\",{className:\"zd-summit-shirt-mockup\",children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/3hO6KzjI0KTU50B9xRqwD2e1pM.png\",alt:\"New Tech Summit 20 presentation mockup of a teal T-shirt and branded stickers\",width:1536,height:1024,loading:\"lazy\",decoding:\"async\"})}),/*#__PURE__*/_jsx(\"figure\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/2s6f6govWWyFZeiolgb0rnFHNRs.png\",alt:\"New Tech Summit 20 presentation mockup with printed identity artwork, attendee badge and enamel pin\",width:1536,height:1024,loading:\"lazy\",decoding:\"async\"})})]})]}),/*#__PURE__*/_jsxs(\"section\",{\"aria-label\":\"Zendesk credits\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"zd-credit-grid\",children:[/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Art direction & brand design\"}),\"Dee Mahon\"]}),/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Photography\"}),\"Marta Dymek\"]}),/*#__PURE__*/_jsxs(\"p\",{children:[/*#__PURE__*/_jsx(\"b\",{children:\"Email system design\"}),\"Melanie Picardo & Dee Mahon\"]})]}),/*#__PURE__*/_jsx(Link,{href:\"/zendesk-garden\",children:/*#__PURE__*/_jsx(\"a\",{className:\"zd-link\",children:\"Explore Garden identity ↗\"})}),/*#__PURE__*/_jsx(\"br\",{}),/*#__PURE__*/_jsx(Link,{href:\"/zendesk-cx-trends-2020\",children:/*#__PURE__*/_jsx(\"a\",{className:\"zd-link\",children:\"Explore CX Trends 2020 ↗\"})})]})]})]})});}addPropertyControls(ZendeskCaseStudy,{project:{type:ControlType.Enum,title:\"Project\",options:[\"brand\",\"garden\"],optionTitles:[\"Zendesk Brand\",\"Garden\"],defaultValue:\"brand\"},applicationMock:{type:ControlType.File,title:\"Stickers & posters\",allowedFileTypes:[\"png\",\"jpg\"]},overview:{type:ControlType.File,title:\"System overview\",allowedFileTypes:[\"svg\",\"png\",\"jpg\"]},desktopWeb:{type:ControlType.File,title:\"Desktop web\",allowedFileTypes:[\"png\",\"jpg\"]},mobilePoster:{type:ControlType.File,title:\"Mobile poster\",allowedFileTypes:[\"png\",\"jpg\"]},officePhoto:{type:ControlType.File,title:\"Studio cards\",allowedFileTypes:[\"png\",\"jpg\",\"jpeg\"]},gardenGuidelines:{type:ControlType.File,title:\"Guidelines\",allowedFileTypes:[\"png\",\"jpg\",\"webp\"]},gardenCards:{type:ControlType.File,title:\"Print cards\",allowedFileTypes:[\"png\",\"jpg\",\"webp\"]},gardenVideo:{type:ControlType.File,title:\"Garden video\",allowedFileTypes:[\"mp4\"]},gardenPoster:{type:ControlType.File,title:\"Garden still\",allowedFileTypes:[\"jpg\",\"png\"]},gatherVideo:{type:ControlType.File,title:\"Gather video\",allowedFileTypes:[\"mp4\"]},gatherPoster:{type:ControlType.File,title:\"Gather still\",allowedFileTypes:[\"jpg\",\"png\"]},previewStill:{type:ControlType.Boolean,title:\"Still preview\",defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ZendeskCaseStudy\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"6500\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicWidth\":\"1200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ZendeskCaseStudy.map"],"mappings":"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"}