@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--font-manrope:Manrope;--font-sans:Manrope,Arial,sans-serif;--brand:#bb88fe;--ink:#201a26;--quiet:#746c7c;--page:#fdfcfe;--lavender:#f2e9fe;--purple:#70429b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px Manrope,Arial,sans-serif;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8b56c0;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:15px;background:#111;color:#fff;padding:12px;z-index:10}.skip-link:focus{top:15px}.preview-note{text-align:center;padding:6px 15px;background:#f5effb;color:#857393;font-size:9px;letter-spacing:.2px}
header[data-marketing-header]{position:relative;background:var(--page)!important;padding:20px 24px 0!important}header[data-marketing-header]>div{max-width:1280px!important;height:74px!important;border-radius:20px!important;background:#fff!important}.uc-nav-cta{display:inline-flex;align-items:center;gap:25px;background:#111;color:#fff;border-radius:11px;padding:14px 20px;font-size:12px;font-weight:650}.uc-nav-cta span{font-size:19px}.uc-nav-cta:hover{background:#3c2a49}.uc-mobile-menu-button{border:0;background:none;padding:10px}.uc-mobile-menu{margin:12px 24px;padding:12px;border-radius:14px;background:#f0e7f9}.uc-mobile-menu a{display:block;padding:12px}
.cases-main{max-width:1180px;margin:auto;padding-bottom:66px}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:54px 0 46px;position:relative;z-index:2}.intro-copy{max-width:740px;min-width:0}.intro-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--purple);margin:0 0 18px}.page-intro h1{font-size:57px;line-height:1.12;letter-spacing:-2.6px;font-weight:750;margin:0;max-width:700px}.ink-highlight{white-space:nowrap;background:linear-gradient(transparent 64%,#e4ceff 64%,#e4ceff 91%,transparent 91%);padding:0 3px 0 0}.intro-copy>p:last-child{font-size:15px;color:var(--quiet);line-height:1.85;margin:21px 0 0;max-width:640px}.idea-nudge{position:relative;flex:0 0 213px;padding-top:7px}.nudge-caption{display:block;color:#8f70a6;font-size:15px;font-family:Georgia,serif;font-style:italic;transform:rotate(-5deg);text-align:center;margin:0 0 15px}.idea-nudge>button{border:1px solid #d1acf6;border-radius:15px;background:#ead9ff;padding:14px 16px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;width:100%;transform:rotate(-3deg);box-shadow:3px 4px 0 #f3eafa;transition:transform .2s,background .2s}.idea-nudge>button:hover{transform:rotate(0) translateY(-2px);background:#ddc0ff}.idea-logo{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.nudge-arrow{display:block;width:18px;height:18px;flex:0 0 18px;margin-left:auto;color:var(--purple);transform-origin:center}#idea-tray{position:absolute;top:100%;right:0;margin-top:16px;width:330px;border-radius:16px;padding:26px 24px 22px;background:#efe1ff;border:1px solid #d4b6f6;box-shadow:0 16px 50px #39234f1f;z-index:5}.close-idea{position:absolute;right:10px;top:7px;width:28px;height:28px;background:transparent;border:0;color:#704e8b;font-size:23px}.idea-label{font-size:9px;letter-spacing:1.8px;color:#704e8b;font-weight:750;margin:0 0 12px}#idea-text{font-size:18px;line-height:1.55;font-weight:600;letter-spacing:-.3px;margin:0 0 19px}#idea-link{font-size:12px;font-weight:750;display:block;text-decoration:underline;text-underline-offset:4px}#another-idea{font-size:11px;background:transparent;border:0;padding:15px 0 0;color:#704e8b}#another-idea span{margin-left:6px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-heading h2{font-size:30px;line-height:1.25;font-weight:750;letter-spacing:-1px;margin:0}.section-kicker{font-size:9px;letter-spacing:1.4px;color:#8d779e;font-weight:700;margin:0 0 6px;text-transform:uppercase}.featured-section{padding-bottom:48px;border-bottom:1px solid #e9e2ef;margin-bottom:45px}.featured-section .section-heading{margin-bottom:20px}.featured-section h2{font-size:20px;letter-spacing:-.5px}.picks-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a679e}.picks-label>span{color:#a773d8;font-size:17px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.case-section{margin-bottom:56px;scroll-margin-top:24px}.case-section:last-of-type{margin-bottom:0}.view-all{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:700;background:#ecdfff;color:#5b357d;border:1px solid #dec6fb;border-radius:999px;padding:10px 15px;white-space:nowrap;transition:background .2s}.view-all span{font-size:19px;line-height:1;transition:transform .2s}.view-all:hover{background:var(--brand);color:#23142e;border-color:var(--brand)}.view-all:hover span{transform:translate(2px,-2px)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.case-card{min-width:0}.case-link{display:block;width:100%;height:100%;color:inherit;text-align:left;border-radius:13px}.case-cover{aspect-ratio:16/10;width:100%;overflow:hidden;border-radius:13px;background:#f0e8f6;position:relative}.case-cover>img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .35s}.case-link:hover .case-cover>img{transform:scale(1.035)}.case-copy{padding:16px 0 0;width:100%}.case-topic{display:block;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:1.1px;color:#8f719f;font-weight:700;margin-bottom:7px}.case-copy h3{font-size:23px;line-height:1.3;letter-spacing:-.7px;font-weight:750;margin:0 0 9px;transition:color .2s}.case-link:hover h3{color:var(--purple)}.case-copy>p{font-size:13px;line-height:1.75;color:var(--quiet);margin:0;max-width:97%}.pinned-card .case-cover{aspect-ratio:2.05}.pinned-card .case-copy h3{font-size:27px;letter-spacing:-.9px}.pinned-card .case-copy>p{font-size:14px;max-width:94%}.type-cover{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:23px;background:linear-gradient(135deg,#f7f2ff,#d9b9f4);color:#5b3876}.type-cover-industries{background:linear-gradient(135deg,#fff6ef,#edd4be)}.type-cover-campaigns{background:linear-gradient(135deg,#fef2f7,#ecd0e3)}.type-cover-styles{background:linear-gradient(135deg,#f0efff,#d3cbee)}.cover-brand{font-size:8px;letter-spacing:1.5px;font-weight:750;color:#8d769e}.type-cover strong{font-size:23px;line-height:1.25;letter-spacing:-.7px;font-weight:750;max-width:95%}
.category-breadcrumb{display:flex;gap:12px;font-size:11px;color:#9d8eaa;margin-bottom:24px;flex-wrap:wrap}.category-breadcrumb a:hover{color:#784ca2}.category-breadcrumb [aria-current]{color:#655471}.inner-intro{padding-bottom:35px}.category-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #eae4f0;padding:20px 0 30px}.category-controls>a{font-size:12px;font-weight:600;color:#805298}.category-controls label{display:flex;align-items:center;gap:12px;color:#806d8b;font-size:11px}.category-controls select{padding:10px 33px 10px 12px;background:#fff;border:1px solid #e1d1ef;border-radius:8px;font-size:11px;color:#695673;max-width:230px}.load-area{text-align:center;margin-top:38px}.load-area button{padding:13px 20px;border:1px solid #d5b5f0;border-radius:999px;background:#ecdfff;color:#5b357d;font-size:12px}.load-area button>span{margin-left:25px;font-size:17px}.load-area p{font-size:10px;color:#8d779e;margin:14px 0 0}.sample-note{text-align:center;font-size:9px;color:#9788a2;line-height:1.8;margin:35px 0 0}.uc-site-footer{font-family:Manrope,Arial,sans-serif}.uc-site-footer>div{max-width:1400px;margin:auto}.uc-site-footer h3{margin:0}.detail-back{display:inline-block;font-size:12px;color:var(--purple);margin-bottom:24px}.detail-cover{max-width:900px}.detail-cover .case-cover{aspect-ratio:2.2}.detail-body{max-width:650px;margin:35px 0}.detail-label{font-size:10px;letter-spacing:1.3px;color:var(--purple);font-weight:700}#detail-idea{font-size:23px;line-height:1.6;margin-bottom:30px}.detail-body h2{font-size:23px;font-weight:700;margin:25px 0 12px}.detail-body p{line-height:1.85;color:var(--quiet)}.detail-body .view-all{margin-top:15px}.detail-body .detail-note{font-size:11px;margin-top:30px;color:#927e9f}
@media(max-width:1350px){.cases-main{margin-left:64px;margin-right:64px}}
@media(max-width:1100px){.cases-main{margin-left:38px;margin-right:38px}.page-intro{gap:30px}.page-intro h1{font-size:49px}.intro-copy>p:last-child{font-size:14px}.case-grid{gap:24px}.case-copy h3{font-size:21px}.pinned-card .case-copy h3{font-size:25px}header[data-marketing-header] nav{gap:0}header[data-marketing-header] nav a{font-size:13px;padding-left:10px;padding-right:10px}}
@media(max-width:900px){header[data-marketing-header] nav{display:none!important}header[data-marketing-header] div.md\:hidden{display:block!important}.page-intro{padding:40px 0}.page-intro h1{font-size:43px;letter-spacing:-1.8px}.intro-copy>p:last-child{font-size:13px;line-height:1.8}.idea-nudge{flex-basis:185px}.idea-nudge>button{font-size:11px;padding:13px 12px;gap:7px}.idea-logo{width:21px;height:21px}.nudge-caption{font-size:14px}.featured-grid{gap:25px}.pinned-card .case-copy h3{font-size:23px}.pinned-card .case-copy>p{font-size:13px}.case-grid{gap:22px}.case-copy h3{font-size:19px}.case-copy>p{font-size:12px}.case-topic{font-size:8px}.section-heading h2{font-size:27px}.featured-section h2{font-size:19px}.view-all{font-size:11px;gap:15px;padding:9px 14px}.type-cover{padding:17px}.type-cover strong{font-size:19px}}
@media(max-width:700px){.cases-main{margin-left:24px;margin-right:24px}.page-intro{gap:20px;align-items:flex-start;flex-direction:column;padding-top:35px}.intro-copy{max-width:100%}.page-intro h1{font-size:42px;max-width:540px}.intro-copy>p:last-child{max-width:500px}.idea-nudge{flex-basis:auto;width:190px;padding:0;align-self:flex-end}.nudge-caption{display:none}.idea-nudge>button{transform:rotate(-2deg)}#idea-tray{width:min(330px,calc(100vw - 48px))}.featured-grid{gap:21px}.pinned-card .case-cover{aspect-ratio:1.55}.pinned-card .case-copy h3{font-size:22px}.pinned-card .case-copy>p{font-size:12px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.case-copy h3{font-size:21px}.case-section{margin-bottom:44px}.featured-section{padding-bottom:35px;margin-bottom:35px}.section-heading h2{font-size:25px}.featured-section h2{font-size:18px}}
@media(max-width:520px){header[data-marketing-header]{padding:14px 18px 0!important;border:0!important}header[data-marketing-header]>div{height:60px!important;padding:0 14px!important;border:1px solid #ece6f1!important;border-radius:15px!important}.uc-nav-cta{display:none}.preview-note{font-size:8px;padding:6px 12px}.page-intro{padding:30px 0 35px;gap:22px}.intro-eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:1.4px}.page-intro h1{font-size:39px;line-height:1.14;letter-spacing:-1.6px}.intro-copy>p:last-child{font-size:13px;margin-top:18px}.idea-nudge{width:183px}.featured-grid{grid-template-columns:1fr;gap:28px}.pinned-card .case-cover{aspect-ratio:1.85}.pinned-card .case-copy h3{font-size:23px}.pinned-card .case-copy>p{font-size:13px}.picks-label{font-size:9px}.section-heading{gap:12px;margin-bottom:20px}.section-heading h2{font-size:25px;letter-spacing:-.8px}.section-kicker{font-size:8px;letter-spacing:1.1px}.featured-section h2{font-size:18px}.view-all{font-size:10px;gap:12px;padding:9px 12px}.view-all span{font-size:17px}.case-grid{grid-template-columns:1fr;gap:29px}.case-cover{aspect-ratio:16/10;border-radius:12px}.case-copy{padding-top:14px}.case-copy h3{font-size:23px;letter-spacing:-.6px}.case-copy>p{font-size:13px;line-height:1.8}.case-topic{font-size:9px}.sample-note{font-size:8px;margin-top:28px}.cases-main{padding-bottom:38px}.type-cover{padding:22px}.type-cover strong{font-size:25px}.category-controls{gap:15px;padding:18px 0 25px}.category-controls label{display:block;font-size:0}.category-controls select{font-size:10px;max-width:180px;padding:10px 23px 10px 9px}.category-controls>a{font-size:10px}.category-breadcrumb{font-size:10px;margin-bottom:18px}.uc-site-footer{padding-bottom:25px!important}.detail-cover .case-cover{aspect-ratio:1.6}#detail-idea{font-size:20px}.detail-body h2{font-size:21px}.detail-body p{font-size:14px}}
@media(max-width:360px){.cases-main{margin-left:18px;margin-right:18px}.page-intro h1{font-size:35px}.section-heading h2{font-size:23px}.featured-section h2{font-size:17px}.picks-label{font-size:8px}.view-all{gap:8px;font-size:9px;padding:8px 10px}.case-copy h3{font-size:22px}.category-controls select{max-width:155px}#idea-tray{width:269px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* v5: four-up directory, centred recommendations and a direct-link idea menu. */
.page-intro{padding-top:48px;padding-bottom:44px}.section-heading{align-items:center}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.case-copy h3{font-size:21px}.case-copy>p{font-size:13px}.case-copy{padding-top:15px}.view-all{border:0;border-radius:0;background:transparent;padding:7px 0;color:#69418d;gap:10px;font-size:13px;font-weight:650;transition:color .2s}.view-all>span{font-size:22px;color:#9c63db}.view-all:hover{background:transparent;color:#8c4bc1;border-color:transparent;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c99bf3}.view-all:hover>span{transform:translateX(4px)}
.featured-section{border-bottom:0;margin-bottom:46px;padding-bottom:18px}.featured-section>.section-heading{justify-content:center;margin-bottom:28px}.featured-section h2{font-size:28px;letter-spacing:-.8px}.featured-window{--feature-card:min(32vw,360px);--feature-gap:24px;--center-offset:0px;width:calc(100% + 128px);margin-left:-64px;overflow:hidden;touch-action:pan-y;mask-image:linear-gradient(to right,transparent 0%,#0009 10%,#000 23%,#000 77%,#0009 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#0009 10%,#000 23%,#000 77%,#0009 90%,transparent 100%)}.featured-grid{display:flex;gap:var(--feature-gap);width:max-content;position:relative;left:50%;transform:translateX(calc(-50% + var(--center-offset)));padding:6px 0}.pinned-card{flex:0 0 var(--feature-card);width:var(--feature-card);transition:opacity .3s;opacity:1}.pinned-card.is-edge{opacity:.58}.pinned-card .case-cover{aspect-ratio:1.6;border-radius:15px}.pinned-card .case-copy h3{font-size:24px;letter-spacing:-.7px}.pinned-card .case-copy>p{font-size:13px;max-width:100%}.idea-nudge{padding-top:0}.idea-nudge>button{transform:rotate(-2deg)}.idea-nudge>button[aria-expanded=true]{transform:rotate(0);background:#e1c6ff}.nudge-arrow{transition:transform .2s}.idea-nudge>button[aria-expanded=true] .nudge-arrow{transform:rotate(180deg)}#idea-tray{width:420px;background:#fff;border:1px solid #e2d6ec;padding:23px 14px 12px;box-shadow:0 16px 50px #39234f1a;max-height:75dvh;overflow:auto}#idea-tray h2{font-size:17px;font-weight:750;letter-spacing:-.4px;margin:0 26px 16px 10px}.idea-page{display:grid;grid-template-columns:58px minmax(0,1fr) 16px;gap:13px;align-items:center;padding:12px 10px;border-radius:11px;transition:background .2s}.idea-page:hover{background:#f4ecfc}.idea-page>img{width:58px;height:64px;border-radius:8px;object-fit:cover}.idea-page>span>strong{display:block;font-size:14px;font-weight:750;letter-spacing:-.25px;line-height:1.35;margin-bottom:5px}.idea-page>span>span{display:block;font-size:11px;color:var(--quiet);line-height:1.6}.idea-page-arrow{color:#9968c4;font-size:18px}.close-idea{right:12px;top:12px}.type-cover strong{font-size:20px}.detail-body .view-all{font-size:14px}
@media(max-width:1100px){.featured-window{width:calc(100% + 76px);margin-left:-38px}.case-grid{gap:20px}.case-copy h3{font-size:19px}.case-copy>p{font-size:12px}.pinned-card .case-copy h3{font-size:22px}}
@media(max-width:900px){.case-grid{gap:19px}.case-copy h3{font-size:18px;letter-spacing:-.45px}.case-copy>p{font-size:12px;line-height:1.7}.featured-section h2{font-size:26px}.pinned-card .case-copy h3{font-size:22px}.pinned-card .case-copy>p{font-size:12px}.view-all{font-size:12px;padding:7px 0}.view-all span{font-size:21px}.type-cover{padding:16px}.type-cover strong{font-size:17px}}
@media(max-width:800px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.case-copy h3{font-size:22px}.case-copy>p{font-size:13px}}
@media(max-width:700px){.page-intro{padding:36px 0}.featured-window{--feature-card:min(76vw,420px);--feature-gap:20px;--center-offset:calc((var(--feature-card) + var(--feature-gap))/2);width:calc(100% + 48px);margin-left:-24px;mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent)}.featured-grid{gap:var(--feature-gap)}.featured-section h2{font-size:25px}.pinned-card .case-copy h3{font-size:24px}.pinned-card .case-copy>p{font-size:13px}.featured-section{margin-bottom:37px;padding-bottom:0}.featured-section>.section-heading{margin-bottom:23px}#idea-tray{width:min(420px,calc(100vw - 48px))}}
@media(max-width:520px){.page-intro{padding:33px 0 36px}.case-grid{grid-template-columns:1fr;gap:30px}.case-copy h3{font-size:23px}.case-copy>p{font-size:13px}.case-copy{padding-top:14px}.featured-section h2{font-size:24px}.pinned-card .case-cover{aspect-ratio:1.55}.pinned-card .case-copy h3{font-size:22px}.pinned-card .case-copy>p{font-size:12px}.view-all{font-size:12px;gap:9px;padding:7px 0}.view-all>span{font-size:21px}#idea-tray{padding:20px 9px 8px}#idea-tray h2{font-size:15px;margin-left:8px}.idea-page{grid-template-columns:47px minmax(0,1fr) 12px;gap:10px;padding:11px 8px}.idea-page>img{width:47px;height:59px}.idea-page>span>strong{font-size:13px}.idea-page>span>span{font-size:11px;line-height:1.5}.idea-page-arrow{font-size:15px}}
@media(max-width:360px){.featured-window{width:calc(100% + 36px);margin-left:-18px}.pinned-card .case-copy h3{font-size:20px}.pinned-card .case-copy>p{font-size:12px}#idea-tray{width:269px}.view-all{font-size:11px;gap:8px}.featured-section h2{font-size:23px}.idea-page{grid-template-columns:39px minmax(0,1fr) 10px;gap:8px}.idea-page>img{width:39px;height:55px}.idea-page>span>strong{font-size:12px}}
/* Keep the two central recommendations fully opaque at every desktop width. */
.featured-window{--fade-stop:calc((100% - var(--feature-card) - var(--feature-card) - var(--feature-gap))/2);mask-image:linear-gradient(to right,transparent,#000 var(--fade-stop),#000 calc(100% - var(--fade-stop)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-stop),#000 calc(100% - var(--fade-stop)),transparent)}
@media(max-width:700px){.featured-window{--fade-stop:calc((100% - var(--feature-card))/2)}}

/* Planning cards retain the layout without inventing a destination. */
.case-link[aria-disabled="true"],.idea-page[aria-disabled="true"]{cursor:default}
.idea-page[aria-disabled="true"]:hover{background:transparent}

/* Shared CMS cover fallback and the category-page controls. */
.cover-placeholder{display:grid;place-items:center;background:#f1edf5}
.case-cover.cover-placeholder>img{width:53px;height:48px;object-fit:contain;opacity:.28;transform:none}
.category-controls{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:25px 0 34px;border-top:1px solid #eae3ef}
.category-controls>a{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:13px;color:#806091}
.topic-filters{display:flex;align-items:center;gap:28px;max-width:100%;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #eae3ef;padding:0 2px}
.topic-filters button{flex:none;position:relative;border:0;border-bottom:3px solid transparent;padding:11px 0 14px;background:transparent;font-size:14px;font-weight:600;color:#82778b;white-space:nowrap}
.topic-filters button[aria-pressed=true]{color:#753bac;border-bottom-color:#bb88fe}
.topic-filters button:hover{color:#753bac}
.load-area{padding:31px 0 10px;text-align:center}
#load-more{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #dcc6f1;border-radius:50%;background:transparent;color:#8d57bb;transition:background .18s,transform .18s}
#load-more:hover{background:#f1e7fc;transform:translateY(2px)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.category-empty{min-height:150px;display:grid;place-items:center;border-top:1px solid #eee7f3}
.category-empty img{opacity:.2}
.featured-window.is-static{width:100%;margin-left:0;mask-image:none;-webkit-mask-image:none}
.featured-window.is-static .featured-grid{width:100%;left:0;transform:none;justify-content:center}
@media(max-width:700px){.topic-filters{gap:24px}.topic-filters button{font-size:13px}.category-controls{gap:18px;padding:21px 0 27px}}
.directory-label{margin:0 0 20px;color:#8050aa;font-size:22px;font-weight:700;line-height:1.4;letter-spacing:-.35px}
@media(max-width:520px){.directory-label{font-size:19px;margin-bottom:16px}}
