:root{--dn-color-black-50:#0000000c;--dn-color-black-100:#00000019;--dn-color-black-200:#0003;--dn-color-black-300:#0000004c;--dn-color-black-400:#0006;--dn-color-black-500:#0000007f;--dn-color-black-600:#0009;--dn-color-black-700:#000000b2;--dn-color-black-800:#000c;--dn-color-black-900:#000000e5;--dn-color-black-1000:#000;--dn-color-blue-50:#eef3ff;--dn-color-blue-100:#d9e4ff;--dn-color-blue-200:#bcd0ff;--dn-color-blue-300:#8eb3ff;--dn-color-blue-400:#598aff;--dn-color-blue-500:#3d68ff;--dn-color-blue-600:#1b3df5;--dn-color-blue-700:#142ae1;--dn-color-blue-800:#1723b6;--dn-color-blue-900:#19248f;--dn-color-blue-950:#141857;--dn-color-gradient-special-0:#ff9737;--dn-color-gradient-special-25:#fa636b;--dn-color-gradient-special-50:#b252ff;--dn-color-gradient-special-75:#7056ff;--dn-color-gradient-special-100:#5884ff;--dn-color-gradient-special-disabled-0:#ff97374c;--dn-color-gradient-special-disabled-25:#fa636b4c;--dn-color-gradient-special-disabled-50:#b252ff4c;--dn-color-gradient-special-disabled-75:#7056ff4c;--dn-color-gradient-special-disabled-100:#5884ff4c;--dn-color-green-50:#f1fcf4;--dn-color-green-100:#defae8;--dn-color-green-200:#bef4d3;--dn-color-green-300:#8beab0;--dn-color-green-400:#51d786;--dn-color-green-500:#2abd65;--dn-color-green-600:#1fa856;--dn-color-green-700:#1a7b41;--dn-color-green-800:#1a6137;--dn-color-green-900:#175030;--dn-color-green-950:#072c17;--dn-color-grey-0:#fff;--dn-color-grey-50:#f5f6f6;--dn-color-grey-100:#e5e7e8;--dn-color-grey-200:#cdd0d4;--dn-color-grey-300:#aaaeb6;--dn-color-grey-400:#808690;--dn-color-grey-500:#686e78;--dn-color-grey-600:#575b63;--dn-color-grey-700:#4a4d54;--dn-color-grey-800:#414349;--dn-color-grey-900:#3a3c3f;--dn-color-grey-950:#242528;--dn-color-orange-50:#fff6ed;--dn-color-orange-100:#ffecd4;--dn-color-orange-200:#ffd4a9;--dn-color-orange-300:#ffaa5b;--dn-color-orange-400:#fe8c39;--dn-color-orange-500:#fc6b13;--dn-color-orange-600:#ed5009;--dn-color-orange-700:#c53b09;--dn-color-orange-800:#9c2f10;--dn-color-orange-900:#7e2910;--dn-color-orange-950:#441206;--dn-color-purple-50:#faf5ff;--dn-color-purple-100:#f4e7ff;--dn-color-purple-200:#ebd3ff;--dn-color-purple-300:#dcb0ff;--dn-color-purple-400:#c67eff;--dn-color-purple-500:#b252ff;--dn-color-purple-600:#9c2af3;--dn-color-purple-700:#881ad6;--dn-color-purple-800:#731aaf;--dn-color-purple-900:#5e178c;--dn-color-purple-950:#410269;--dn-color-red-50:#fdf3f3;--dn-color-red-100:#fce5e4;--dn-color-red-200:#f9d1cf;--dn-color-red-300:#f4b0ad;--dn-color-red-400:#ec817d;--dn-color-red-500:#dd4943;--dn-color-red-600:#cc3c36;--dn-color-red-700:#ab2f2a;--dn-color-red-800:#8e2a26;--dn-color-red-900:#762926;--dn-color-red-950:#40110f;--dn-color-transparent:#fff0;--dn-color-white-50:#ffffff0c;--dn-color-white-100:#ffffff19;--dn-color-white-200:#fff3;--dn-color-white-300:#ffffff4c;--dn-color-white-400:#fff6;--dn-color-white-500:#ffffff7f;--dn-color-white-600:#fff9;--dn-color-white-700:#ffffffb2;--dn-color-white-800:#fffc;--dn-color-white-900:#ffffffe5;--dn-color-white-1000:#fff;--dn-dimension-1:1px;--dn-dimension-2:2px;--dn-dimension-3:3px;--dn-dimension-4:4px;--dn-dimension-8:8px;--dn-dimension-12:12px;--dn-dimension-14:14px;--dn-dimension-16:16px;--dn-dimension-20:20px;--dn-dimension-24:24px;--dn-dimension-32:32px;--dn-dimension-40:40px;--dn-dimension-48:48px;--dn-dimension-56:56px;--dn-dimension-64:64px;--dn-dimension-72:72px;--dn-dimension-9999:9999px;--dn-font-family-satoshi:satoshi;--dn-font-line-height-50:var(--dn-dimension-16);--dn-font-line-height-100:var(--dn-dimension-24);--dn-font-line-height-200:var(--dn-dimension-32);--dn-font-line-height-300:var(--dn-dimension-48);--dn-font-line-height-400:var(--dn-dimension-64);--dn-font-size-50:var(--dn-dimension-12);--dn-font-size-100:var(--dn-dimension-14);--dn-font-size-200:var(--dn-dimension-16);--dn-font-size-300:var(--dn-dimension-20);--dn-font-size-400:var(--dn-dimension-24);--dn-font-size-500:var(--dn-dimension-32);--dn-font-size-600:var(--dn-dimension-40);--dn-font-weight-bold:700;--dn-font-weight-regular:500;--dn-opacity-100:10%;--dn-opacity-200:20%;--dn-opacity-300:30%;--dn-opacity-400:40%;--dn-opacity-500:50%;--dn-opacity-600:60%;--dn-opacity-700:70%;--dn-opacity-800:80%;--dn-opacity-900:90%;--dn-opacity-1000:100%;--dn-color-border-accent-disabled:var(--dn-color-purple-300);--dn-color-border-accent:var(--dn-color-purple-600);--dn-color-border-error-disabled:var(--dn-color-red-200);--dn-color-border-error-hover:var(--dn-color-red-700);--dn-color-border-error:var(--dn-color-red-500);--dn-color-border-gradient-special-0:var(--dn-color-gradient-special-0);--dn-color-border-gradient-special-25:var(--dn-color-gradient-special-25);--dn-color-border-gradient-special-50:var(--dn-color-gradient-special-50);--dn-color-border-gradient-special-75:var(--dn-color-gradient-special-75);--dn-color-border-gradient-special-100:var(--dn-color-gradient-special-100);--dn-color-border-highlight:var(--dn-color-blue-600);--dn-color-border-linegraph:var(--dn-color-purple-600);--dn-color-border-neutral-active:var(--dn-color-grey-950);--dn-color-border-neutral-disabled:var(--dn-color-grey-200);--dn-color-border-neutral-hover:var(--dn-color-grey-300);--dn-color-border-neutral-light:var(--dn-color-grey-100);--dn-color-border-neutral:var(--dn-color-grey-200);--dn-color-border-on-dark-active:var(--dn-color-grey-100);--dn-color-border-on-dark-disabled:var(--dn-color-grey-200);--dn-color-border-on-dark-hover-error:var(--dn-color-red-100);--dn-color-border-on-dark-hover:var(--dn-color-grey-50);--dn-color-border-on-dark:var(--dn-color-grey-0);--dn-color-border-success:var(--dn-color-green-600);--dn-color-outline-focus:var(--dn-color-purple-200);--dn-color-surface-accent-disabled:var(--dn-color-purple-100);--dn-color-surface-accent-hover:var(--dn-color-purple-800);--dn-color-surface-accent-light:var(--dn-color-purple-100);--dn-color-surface-accent:var(--dn-color-purple-600);--dn-color-surface-base-disabled:var(--dn-color-grey-50);--dn-color-surface-base-hover-error:var(--dn-color-red-100);--dn-color-surface-base-hover:var(--dn-color-grey-50);--dn-color-surface-base:var(--dn-color-grey-0);--dn-color-surface-error-disabled:var(--dn-color-red-100);--dn-color-surface-error-hover:var(--dn-color-red-800);--dn-color-surface-error-light:var(--dn-color-red-200);--dn-color-surface-error-xlight:var(--dn-color-red-50);--dn-color-surface-error:var(--dn-color-red-700);--dn-color-surface-graph:var(--dn-color-purple-300);--dn-color-surface-highlight-light:var(--dn-color-blue-200);--dn-color-surface-highlight-xlight:var(--dn-color-blue-50);--dn-color-surface-neutral-disabled:var(--dn-color-grey-50);--dn-color-surface-neutral-light:var(--dn-color-grey-100);--dn-color-surface-neutral-xlight:var(--dn-color-grey-50);--dn-color-surface-neutral:var(--dn-color-grey-200);--dn-color-surface-overlay-dark:var(--dn-color-black-800);--dn-color-surface-overlay-light:var(--dn-color-white-200);--dn-color-surface-overlay:var(--dn-color-black-400);--dn-color-surface-primary-disabled:var(--dn-color-grey-50);--dn-color-surface-primary-hover:var(--dn-color-grey-800);--dn-color-surface-primary:var(--dn-color-grey-900);--dn-color-surface-success-light:var(--dn-color-green-100);--dn-color-surface-success-xlight:var(--dn-color-green-50);--dn-color-text-accent:var(--dn-color-purple-700);--dn-color-text-error-active:var(--dn-color-red-800);--dn-color-text-error-disabled:var(--dn-color-red-200);--dn-color-text-error-hover:var(--dn-color-red-700);--dn-color-text-error:var(--dn-color-red-600);--dn-color-text-highlight:var(--dn-color-blue-700);--dn-color-text-neutral-active:var(--dn-color-grey-950);--dn-color-text-neutral-disabled:var(--dn-color-grey-200);--dn-color-text-neutral-hover:var(--dn-color-grey-900);--dn-color-text-neutral-light:var(--dn-color-grey-400);--dn-color-text-neutral:var(--dn-color-grey-900);--dn-color-text-on-dark-active:var(--dn-color-grey-100);--dn-color-text-on-dark-disabled:var(--dn-color-grey-200);--dn-color-text-on-dark-hover-error:var(--dn-color-red-100);--dn-color-text-on-dark-hover:var(--dn-color-grey-50);--dn-color-text-on-dark:var(--dn-color-grey-0);--dn-color-text-success:var(--dn-color-green-800);--dn-corner-radius-100:var(--dn-dimension-2);--dn-corner-radius-200:var(--dn-dimension-4);--dn-corner-radius-300:var(--dn-dimension-8);--dn-corner-radius-400:var(--dn-dimension-12);--dn-corner-radius-500:var(--dn-dimension-16);--dn-corner-radius-600:var(--dn-dimension-24);--dn-corner-radius-full:var(--dn-dimension-9999);--dn-size-50:var(--dn-dimension-8);--dn-size-100:var(--dn-dimension-16);--dn-size-200:var(--dn-dimension-20);--dn-size-300:var(--dn-dimension-24);--dn-size-400:var(--dn-dimension-32);--dn-size-500:var(--dn-dimension-40);--dn-size-600:var(--dn-dimension-48);--dn-size-700:var(--dn-dimension-56);--dn-size-800:var(--dn-dimension-64);--dn-size-900:var(--dn-dimension-72);--dn-space-100:var(--dn-dimension-2);--dn-space-200:var(--dn-dimension-4);--dn-space-300:var(--dn-dimension-8);--dn-space-400:var(--dn-dimension-12);--dn-space-500:var(--dn-dimension-16);--dn-space-600:var(--dn-dimension-24);--dn-space-700:var(--dn-dimension-32);--dn-space-800:var(--dn-dimension-48);--dn-stroke-width-medium:var(--dn-dimension-2);--dn-stroke-width-thick:var(--dn-dimension-3);--dn-stroke-width-thin:var(--dn-dimension-1);--dn-text-bold-50:var(--dn-font-weight-bold) var(--dn-font-size-50) / var(--dn-font-line-height-50) var(--dn-font-family-satoshi);--dn-text-bold-100:var(--dn-font-weight-bold) var(--dn-font-size-100) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-text-bold-200:var(--dn-font-weight-bold) var(--dn-font-size-200) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-text-bold-300:var(--dn-font-weight-bold) var(--dn-font-size-300) / var(--dn-font-line-height-200) var(--dn-font-family-satoshi);--dn-text-bold-400:var(--dn-font-weight-bold) var(--dn-font-size-400) / var(--dn-font-line-height-200) var(--dn-font-family-satoshi);--dn-text-bold-500:var(--dn-font-weight-bold) var(--dn-font-size-500) / var(--dn-font-line-height-300) var(--dn-font-family-satoshi);--dn-text-bold-600:var(--dn-font-weight-bold) var(--dn-font-size-600) / var(--dn-font-line-height-400) var(--dn-font-family-satoshi);--dn-text-regular-50:var(--dn-font-weight-regular) var(--dn-font-size-50) / var(--dn-font-line-height-50) var(--dn-font-family-satoshi);--dn-text-regular-100:var(--dn-font-weight-regular) var(--dn-font-size-100) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-text-regular-200:var(--dn-font-weight-regular) var(--dn-font-size-200) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-text-regular-300:var(--dn-font-weight-regular) var(--dn-font-size-300) / var(--dn-font-line-height-200) var(--dn-font-family-satoshi);--dn-text-regular-400:var(--dn-font-weight-regular) var(--dn-font-size-400) / var(--dn-font-line-height-200) var(--dn-font-family-satoshi);--dn-text-regular-500:var(--dn-font-weight-regular) var(--dn-font-size-500) / var(--dn-font-line-height-300) var(--dn-font-family-satoshi);--dn-text-regular-600:var(--dn-font-weight-regular) var(--dn-font-size-600) / var(--dn-font-line-height-400) var(--dn-font-family-satoshi);--dn-font-body-accent:var(--dn-font-weight-bold) var(--dn-font-size-100) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-font-body:var(--dn-font-weight-regular) var(--dn-font-size-100) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-font-h1:var(--dn-font-weight-bold) var(--dn-font-size-400) / var(--dn-font-line-height-200) var(--dn-font-family-satoshi);--dn-font-h2:var(--dn-font-weight-bold) var(--dn-font-size-300) / var(--dn-font-line-height-200) var(--dn-font-family-satoshi);--dn-font-h3:var(--dn-font-weight-bold) var(--dn-font-size-200) / var(--dn-font-line-height-100) var(--dn-font-family-satoshi);--dn-gradient-special:linear-gradient(270deg, var(--dn-color-gradient-special-0) 0%, var(--dn-color-gradient-special-25) 25%, var(--dn-color-gradient-special-50) 50.5%, var(--dn-color-gradient-special-75) 75.5%, var(--dn-color-gradient-special-100) 100%);--dn-gradient-special-disabled:linear-gradient(270deg, var(--dn-color-gradient-special-disabled-0) 0%, var(--dn-color-gradient-special-disabled-25) 25%, var(--dn-color-gradient-special-disabled-50) 50.5%, var(--dn-color-gradient-special-disabled-75) 75.5%, var(--dn-color-gradient-special-disabled-100) 100%);--dn-outline-focus:solid var(--dn-stroke-width-thick) var(--dn-color-outline-focus);--dn-shadow-100:0 3px 4px 0 #00000008, 0 2px 4px 0 #0000000a, 0 1px 2px 0 #00000005, 0 0 2px 0 #0000000d;--dn-revert-shadow-100:-3px 4px 0 #00000005, 0 -2px 4px 0 #0000000a, 0 -1px 2px 0 #00000005, 0 0 2px 0 #0000000d;--dn-shadow-300:0 12px 15px 0 #00000005, 0 8px 8px 0 #00000005, 0 4px 4px 0 #0000000a, 0 2px 2px 0 #00000005, 0 1px 2px 0 #0000000d;--dn-surface-checkerboard:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAN0lEQVR4Ad2NuQkAMAwD5cwRCNl/pzwke9geQI3Bla+UOE7WeQrCHJ3NaAhSQRB12LHvR0qhgmB+/QqzmUJgUQAAAABJRU5ErkJggg==);--ppd-color-primary:#7022d3;--ppd-color-secondary:#ef34f6;--ppd-gradient-primary:linear-gradient(90deg, #7022d3 0%, #ef34f6 91.22%);--ppd-gradient-overlay:linear-gradient(5deg, #7022d329 7.36%, #ef34f629 98.99%);--ppd-gradient-background:linear-gradient(90deg, #7022d329 0%, #ef34f629 91.22%)}.toast-container{pointer-events:none;z-index:10000;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast-container__item{pointer-events:auto;animation:.3s ease-out slideIn}.toast-container__item:not(:last-child){margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translate(calc(100% + 20px))}to{opacity:1;transform:translate(0)}}@media (width<=768px){.toast-container{max-width:none;left:12px;right:12px}}@font-face{font-family:Satoshi;font-weight:500;src:url(/static/assets/Satoshi-Medium-ByP-Zb-9.woff2)format("woff2"),url(/static/assets/Satoshi-Medium-DDwDPeBg.woff)format("woff");text-transform:none;word-spacing:normal}@font-face{font-family:Satoshi;font-weight:700;src:url(/static/assets/Satoshi-Bold-Bd5kKQ_U.woff2)format("woff2"),url(/static/assets/Satoshi-Bold-C2PhLWFc.woff)format("woff");text-transform:none;word-spacing:normal}html{scroll-behavior:smooth;tab-size:4;font-family:Satoshi,Helvetica,Arial,sans-serif;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*,:before,:after{box-sizing:border-box}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}.checker{background-image:linear-gradient(45deg, var(--dn-color-surface-neutral-light) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--dn-color-surface-neutral-light) 75%), linear-gradient(45deg, transparent 75%, var(--dn-color-surface-neutral-light) 75%), linear-gradient(45deg, var(--dn-color-surface-neutral-light) 25%, var(--dn-color-surface-base) 25%);background-position:0 0,0 0,-20px -20px,20px 20px;background-size:40px 40px}#app{min-height:100vh}.app-header-avatar__avatar{cursor:pointer}.app-header-avatar__menu{margin:var(--dn-space-300)}.app-header-toggle-switch{background:var(--dn-color-surface-neutral-xlight);border-radius:calc(var(--dn-corner-radius-200) + var(--dn-space-100));padding:var(--dn-space-100);margin:0;list-style:none;display:flex}.app-header-toggle-switch__item{border-radius:var(--dn-corner-radius-200);color:var(--dn-color-text-neutral);font:var(--dn-font-body-accent);align-items:center;gap:var(--dn-space-200);height:var(--dn-size-500);padding:0 var(--dn-space-300);display:flex}.app-header-toggle-switch__item:hover:not(.is-active){color:var(--dn-color-text-neutral-hover)}.app-header-toggle-switch__item.is-active{background:var(--dn-color-surface-base);border:solid var(--dn-stroke-width-thin) var(--dn-color-border-neutral-light);cursor:default}.app-header-toggle-switch__item.is-active .app-header-toggle-switch__text{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#7022d3 0%,#ef34f6 91.22%);-webkit-background-clip:text;background-clip:text}.app-header-toggle-switch__new{color:var(--dn-color-text-neutral-light);font:var(--dn-text-bold-50);text-transform:uppercase;padding:1px 0 0}.app-header{border-bottom:var(--dn-stroke-width-thin) solid var(--dn-color-border-neutral-light);height:var(--dn-size-800);padding:0 var(--dn-space-500);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.app-header__left{flex:1;align-items:center;display:flex}.app-header__right{flex:1;justify-content:flex-end;align-items:center;display:flex}.app-header__logo{display:block}.app-header__logo img{width:109px;display:block}.app-header__avatar{justify-content:flex-end}.appcues-feedback{margin-bottom:var(--dn-space-500)}.side-nav-layout{background:var(--dn-color-surface-base);border-right:1px solid var(--dn-color-border-neutral-light);max-width:175px;padding:var(--dn-space-500) 0 96px 0;flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex}.side-nav-layout__top-container{align-items:center;gap:var(--dn-space-500);flex-direction:column;display:flex}.side-nav-layout__actions{padding:0 var(--dn-space-500);width:100%}.side-nav-layout__bottom-part{flex-direction:column;align-items:center;gap:1rem;display:flex}.side-nav-layout__onboarding-image{border-radius:var(--dn-corner-radius-300);cursor:pointer;margin:0 var(--dn-space-500);width:calc(100% - 32px);display:block}.main-layout{flex-direction:column;height:100vh;display:flex}.main-layout__body{flex:1;width:100%;min-height:0;display:flex}.main-layout__content{width:100%;overflow:auto}.action-card{background:var(--dn-color-surface-base);border:solid var(--dn-stroke-width-thin) var(--dn-color-border-neutral-light);border-radius:var(--dn-corner-radius-500);cursor:pointer;height:100%;padding:var(--dn-space-500);flex-shrink:0;position:relative}.action-card__frame{gap:var(--dn-space-500);flex-direction:column;display:flex}.action-card__image-section{position:relative}.action-card__image-wrapper{padding-left:5.5%}.action-card__image-inner{aspect-ratio:16/9;width:100%;overflow:hidden}.action-card__image-inner>*{border-radius:8px;width:100%;display:block;transform:scale(1.01)}.action-card__thumbnail-wrapper{z-index:1;height:58%;position:absolute;top:9%;left:0}.action-card__thumbnail-wrapper>img{background:var(--dn-color-surface-base);border:var(--dn-stroke-width-medium) solid var(--dn-color-border-on-dark);border-radius:8px;height:100%;display:block;box-shadow:0 0 16px #00000029}.action-card__arrow-element{aspect-ratio:1;background-color:var(--dn-color-surface-accent);color:var(--dn-color-text-on-dark);z-index:2;border-radius:4px;justify-content:center;align-items:center;height:30%;display:flex;position:absolute;bottom:-2%;right:-2%;container-type:size}.action-card__arrow-element-icon{transform:scale(.04cqh)}.action-card__content{gap:var(--dn-space-300);flex-direction:column;display:flex}.action-card__title{color:var(--dn-color-text-neutral);font:var(--dn-font-h3);flex:1;min-height:2lh;margin:0}.action-card:hover{border-color:var(--dn-color-border-neutral-hover)}.action-card__footer{justify-content:flex-end;display:flex}.creative-assistant-card{background:var(--dn-color-surface-base);border:var(--dn-stroke-width-thin) solid var(--ppd-color-primary);border-radius:var(--dn-corner-radius-300);color:var(--dn-color-text-neutral);cursor:pointer;padding:var(--dn-space-500);flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.creative-assistant-card__content{align-items:center;gap:var(--dn-space-200);flex-direction:column;flex:1;justify-content:center;display:flex}.creative-assistant-card__image-wrapper{border-radius:50%;flex-shrink:0;width:68px;height:68px;position:relative;overflow:hidden}.creative-assistant-card__image-wrapper:after{background:var(--ppd-gradient-overlay);content:"";position:absolute;inset:0}.creative-assistant-card__image{object-fit:cover;object-position:center;width:100%;height:100%}.creative-assistant-card__title{font:var(--dn-font-h3);text-align:center}.creative-assistant-card__title-gradient{background:var(--ppd-gradient-primary);font:var(--dn-font-h3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.creative-assistant-card__footer{justify-content:flex-end;width:100%;display:flex}.creative-assistant-card:hover{border-color:var(--dn-color-border-neutral-hover)}.start-from-scratch-card{background:var(--dn-color-surface-primary);border-radius:var(--dn-corner-radius-300);color:var(--dn-color-text-on-dark);cursor:pointer;align-items:center;gap:var(--dn-space-200);padding:var(--dn-space-500);flex-direction:column;justify-content:center;display:flex}.start-from-scratch-card__title{color:var(--dn-color-text-on-dark);font:var(--dn-font-h3);text-align:center}.start-from-scratch-card:hover{background-color:var(--dn-color-surface-accent-hover)}.home-use-case-cards__cards-wrapper{gap:var(--dn-space-500);grid-template-columns:repeat(5,1fr);width:100%;display:grid}.home-use-case-cards__card{width:100%}.home-use-case-cards__scratch-group{background:var(--ppd-gradient-background);border-radius:var(--dn-corner-radius-300);gap:var(--dn-space-400);flex-direction:row;display:flex}.home-use-case-cards__scratch-group--wide{grid-column:span 2}.home-use-case-cards__scratch-group{padding:var(--dn-space-500);justify-content:center}.home-use-case-cards__scratch-group .start-from-scratch-card,.home-use-case-cards__scratch-group .creative-assistant-card{flex:1}.home-use-case-cards__gif{clip-path:inset(1px 0)}@media (width>=1281px){.home-use-case-cards__cards-wrapper{grid-template-columns:repeat(6,1fr)}}.template-card{border-radius:8px;width:100%;position:relative;overflow:hidden}.template-card__image{object-fit:cover;width:100%;display:block;transform:scale(1.02)}.template-card__hover-wrapper{gap:var(--dn-space-300);opacity:0;height:100%;padding:var(--dn-space-500);background:linear-gradient(90deg,#000000b3);flex-direction:column;justify-content:flex-end;width:100%;transition:all .3s;display:flex;position:absolute;bottom:0;overflow:hidden}.template-card__badge{flex-shrink:0}.template-card__text{color:var(--dn-color-text-on-dark);font:var(--dn-font-body);text-overflow:ellipsis;white-space:pre-line;-webkit-box-orient:vertical;flex:0 auto;min-height:0;display:-webkit-box;overflow:hidden}.template-card__button{flex-shrink:0}.template-card:hover .template-card__hover-wrapper{opacity:1}.wall-of-inspiration{flex-direction:column;display:flex}.wall-of-inspiration__title{font:var(--dn-text-bold-400)}.wall-of-inspiration__filters{background:var(--dn-color-surface-base);gap:var(--dn-space-500) var(--dn-space-300);padding:var(--dn-space-500) 0;z-index:1;flex-wrap:wrap;display:flex;position:sticky;top:0}.home{align-items:stretch;gap:var(--dn-space-700);flex-direction:column;display:flex}.home__content{gap:var(--dn-space-800);flex-direction:column;display:flex}.appcues-invite{right:var(--dn-space-500);position:absolute;top:0}.home-view{padding:var(--dn-space-600);position:relative}