:root{font-family:'DM Sans',sans-serif;color:#171915;background:#f5f6f1;font-synthesis:none;--lime:#d6fa48;--line:#d5d8cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7253ed;outline-offset:5px}::selection{background:#d6fa48;color:#171915}h1,h2,h3,p{margin:0}p{font-size:17px;line-height:1.65}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}button{color:inherit}.skip{position:fixed;top:-100px;padding:12px;background:white;z-index:999}.skip:focus{top:10px}.concept{padding:11px 4%;background:#171915;color:white;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.05em;gap:10px}.concept>nav{display:flex;gap:7px;flex-wrap:wrap}.concept a{padding:8px 14px;border:1px solid #5b5d55;border-radius:30px;font-size:13px}.concept a[aria-current]{background:var(--lime);color:#171915;border-color:var(--lime)}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:43px;letter-spacing:-4px}.brand>span{font-family:'DM Sans',sans-serif;font-size:17px;letter-spacing:-.4px}header nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-contact{border-bottom:1px solid;padding:10px 0}.nav-contact span{margin-left:22px}.hero-a{padding:32px 4% 50px}.hero-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.09em}.hero-a h1{font-size:clamp(70px,10.7vw,165px);font-weight:500;letter-spacing:-.07em;line-height:.99;margin:38px 0}.need{position:relative;z-index:0;white-space:nowrap}.need:before{content:'';position:absolute;z-index:-1;inset:7% -9% 0;background:var(--lime);border-radius:50%;transform:rotate(-7deg)}.lastline{display:flex;align-items:center;gap:7vw}.hero-arrow{display:grid;place-items:center;width:clamp(70px,10vw,140px);height:clamp(70px,10vw,140px);font-size:clamp(50px,8vw,120px);border:2px solid;border-radius:50%;line-height:1;letter-spacing:0;transition:background .2s,transform .2s}.hero-arrow:hover{background:var(--lime);transform:rotate(45deg)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.small-note{font-size:15px;line-height:1.5}.hero-bottom p{max-width:540px;font-size:19px}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid;padding:10px 0;font-size:15px;margin-top:18px}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;background:var(--lime);padding:34px 4%;gap:30px;align-items:center}.proof-strip>div{display:flex;flex-direction:column;gap:3px}.proof-strip strong{font-family:'Space Grotesk';font-size:44px;font-weight:500;letter-spacing:-.05em}.proof-strip span,.proof-strip a{font-size:14px;line-height:1.5}.proof-strip a{justify-self:end;border-left:1px solid #869d2c;padding-left:30px}.work-a{padding:95px 4%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.eyebrow{font-size:12px;letter-spacing:.1em;line-height:1.5;display:block;margin-bottom:22px}.section-heading h2{font-size:clamp(38px,4.5vw,68px);line-height:1.08;font-weight:500;letter-spacing:-.05em}.section-heading>p{font-size:16px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:40px 0 28px}.filters button{border:1px solid #bbc0b3;border-radius:50px;background:transparent;padding:11px 18px;font-size:14px}.filters button[aria-pressed=true]{background:#171915;color:white;border-color:#171915}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:46px 30px}.project-card{min-width:0}.project-card:nth-child(even){padding-top:70px}.project-card[hidden]{display:none}.project-image{border:0;padding:30px;background:#e2e5dc;display:block;width:100%;height:360px;overflow:hidden;position:relative;transition:background .25s}.project-card:nth-child(3n+1) .project-image{background:#e6d3c5}.project-card:nth-child(3n+2) .project-image{background:#cedbdc}.project-card:nth-child(3n+3) .project-image{background:#d1caf0}.project-image img{height:100%;width:100%;object-fit:cover;object-position:top;display:block;box-shadow:0 8px 20px #0002;transition:transform .45s}.project-image:hover img{transform:translateY(-8px) rotate(-1deg)}.project-image .open{position:absolute;right:18px;bottom:18px;background:#171915;color:white;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:23px}.project-label{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.project-label h3{font-size:22px;font-weight:500;letter-spacing:-.04em}.project-label span{font-size:12px;text-transform:uppercase}.project-card>p{margin-top:7px;font-size:15px;color:#545a50}.about-a{padding:85px 4%;border-top:1px solid var(--line);display:grid;grid-template-columns:.6fr 1.2fr .75fr;gap:45px}.about-a h2{font-size:45px;font-weight:500;line-height:1.1;letter-spacing:-.05em;margin-bottom:24px}.about-a p{margin:14px 0}.retention{align-self:center;border-left:1px solid var(--line);padding-left:35px}.retention strong{font-family:'Space Grotesk';font-size:100px;font-weight:500;letter-spacing:-.08em;display:block;line-height:1.1}.retention>span{font-size:20px}.retention p{font-size:15px}.services{padding:55px 4% 90px}.services details{border-bottom:1px solid var(--line)}.services summary{list-style:none;display:flex;gap:28px;padding:26px 0;font-family:'Space Grotesk';font-size:clamp(22px,3vw,40px);letter-spacing:-.04em;cursor:pointer}.services summary::-webkit-details-marker{display:none}.services summary>span{font-family:'DM Sans';font-size:13px;letter-spacing:0;padding-top:8px}.services summary b{font-weight:400;margin-left:auto}.services details[open] summary b{transform:rotate(45deg)}.services details p{padding:0 48px 30px;font-size:17px;max-width:900px}.contact{padding:80px 4% 70px;background:#171915;color:#f5f6f1}.contact h2{font-size:clamp(44px,6.5vw,95px);font-weight:500;letter-spacing:-.06em;line-height:1.06}.contact p{margin:28px 0;max-width:550px;color:#c5c8bd}.contact-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--lime);color:#171915;padding:19px 26px;border:0;border-radius:4px;font-weight:500;font-size:16px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.contact-links>a:not(.button){font-size:15px;border-bottom:1px solid;padding-bottom:5px}.reply{display:block;color:#b4b9ab;font-size:13px;margin-top:35px}footer{padding:28px 4%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px}footer .brand{font-size:34px}footer .brand span{font-size:14px}dialog{border:0;border-radius:10px;padding:0;width:min(1050px,92vw);max-height:90vh;background:#f5f6f1;color:#171915;box-shadow:0 40px 100px #0005}dialog::backdrop{background:#141821b8;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;background:#e8ebdf;position:sticky;top:0;z-index:1;font-size:13px}.close{border:1px solid #73796b;background:transparent;padding:8px 12px;border-radius:30px}.dialog-body{padding:30px}.dialog-body h2{font-size:38px;letter-spacing:-.05em}.dialog-body p{max-width:700px;margin:15px 0 25px}.dialog-body img{width:100%;max-height:65vh;object-fit:contain;object-position:top;background:#e3e5de;display:block}.dialog-body .button{margin-top:25px}
/* Alternative 02: the project desk */
.desk{background:#f2f1fb;color:#252145;--line:#d5d2e5;--lime:#d6fa48}.desk .concept{background:#252145}.desk header{background:#f2f1fb}.desk-hero{display:grid;grid-template-columns:1fr 1fr;min-height:740px;border-bottom:1px solid var(--line)}.desk-intro{padding:65px 7.8% 45px}.desk-intro h1{font-size:clamp(45px,5.35vw,80px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:33px 0 25px}.desk-intro h1>span{color:#6950c1}.desk-intro>p{font-size:23px;letter-spacing:-.03em}.desk-intro p.subheading{font-size:17px;letter-spacing:0;max-width:475px;margin-top:15px;color:#605b79}.desk-intro .button{margin-top:30px;background:#252145;color:white;border-radius:50px}.signature{margin-top:38px;font-family:'Space Grotesk';font-size:17px}.signature>span{display:block;font-family:'DM Sans';font-size:13px;color:#726d8b;margin-top:5px}.project-desk{position:relative;background-color:#dedaef;background-image:radial-gradient(#aaa0c6 1px,transparent 1px);background-size:22px 22px;overflow:hidden;border-left:1px solid var(--line);min-height:680px}.desk-caption{position:absolute;top:27px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em;gap:16px}.desk-caption span{font-size:12px;color:#605b79}.desk-item{position:absolute;background:#fffdf7;padding:12px;border:1px solid #d0cadd;box-shadow:0 10px 20px #3b2b681a;width:68%;text-align:left;transition:transform .3s,box-shadow .3s}.desk-item:hover,.desk-item:focus-visible{z-index:4;transform:rotate(0) translateY(-12px);box-shadow:0 20px 40px #3b2b6833}.desk-item img{width:100%;height:195px;object-fit:cover;object-position:top;display:block}.paper-tab{display:block;font-size:12px;letter-spacing:.04em;padding:3px 0 11px}.paper-bottom{font-family:'Space Grotesk';font-size:17px;display:flex;justify-content:space-between;padding-top:13px}.paper-bottom b{font-weight:400}.item-one{top:94px;left:8%;transform:rotate(-9deg);background:#fffdfa}.item-two{top:255px;right:6%;transform:rotate(7deg);background:#eafdbe}.item-three{top:420px;left:10%;transform:rotate(-5deg);background:#c5b3ef}.item-three img{height:120px}.desk-footnote{position:absolute;bottom:23px;right:26px;font-size:12px}.desk-record{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 4%;font-size:14px;border-bottom:1px solid var(--line)}.desk-record a{border-bottom:1px solid;padding-bottom:4px}.desk-work{padding:90px 4%}.need-explorer{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #b9b1d0;border-radius:12px;overflow:hidden;margin-top:40px}.need-options{padding:20px;background:#e4dff2}.need-options button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;border:0;border-bottom:1px solid #c6bfd9;background:transparent;font-family:'Space Grotesk';font-size:clamp(20px,2.6vw,38px);letter-spacing:-.05em;padding:28px 15px;line-height:1.15}.need-options button[aria-selected=true]{background:#252145;color:white;border-radius:8px}.need-options button>span{font:13px 'DM Sans';letter-spacing:0}.need-options button:not([aria-selected=true]):hover{background:#d5cce9}#need-panel{padding:26px;background:#fffdf7}#need-panel img{width:100%;height:255px;object-fit:cover;object-position:top;border-radius:4px;display:block}#need-panel h3{font-size:26px;margin:20px 0 10px;font-weight:500;letter-spacing:-.04em}#need-panel p{font-size:16px;color:#605b79}#need-panel .text-link{background:transparent;border:0;border-bottom:1px solid;padding:10px 0;color:#252145}.desk-about{position:relative;padding:70px 4% 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:25px 65px}.desk-about>.eyebrow{grid-column:1/-1}.desk-about h2{font-size:clamp(34px,4.6vw,68px);font-weight:500;letter-spacing:-.06em;line-height:1.12}.desk-about h2 span{color:#6950c1}.about-note{padding:25px 30px;background:#e4dff2;border-radius:6px;transform:rotate(2deg)}.about-note p{margin-bottom:20px}.note-signature{font-size:22px;font-family:'Space Grotesk';border-top:1px solid #bbb2d2;padding-top:20px}.note-signature span{display:block;font-size:13px;font-family:'DM Sans';margin-top:5px}.desk .contact{background:#c6b6ef;color:#252145;border-radius:24px 24px 0 0}.desk .contact p,.desk .reply{color:#4f456a}.desk .contact .button{background:#252145;color:white;border-radius:50px}.desk footer{background:#c6b6ef;border-top:1px solid #ac9bda}
@media(min-width:1600px){header,.hero-a,.proof-strip,.work-a,.about-a,.services,.contact,footer,.desk-work,.desk-about,.desk-record{padding-left:max(4%,calc((100vw - 1500px)/2));padding-right:max(4%,calc((100vw - 1500px)/2))}.hero-a h1{font-size:165px}.desk-hero{max-width:1800px;margin:auto}}
@media(max-width:1000px){.about-a{grid-template-columns:1fr 1fr}.about-a>.eyebrow{grid-column:1/-1}.project-image{height:290px;padding:20px}.desk-hero{grid-template-columns:1fr 1fr}.desk-intro{padding-top:45px}.desk-intro h1{font-size:55px}.desk-caption{flex-direction:column;gap:6px}.desk-item{width:80%}.item-one{left:4%}.item-two{right:3%}.item-three{left:4%}.desk-about{gap:30px}.need-options button{font-size:26px}}
@media(max-width:700px){.concept{justify-content:center;padding:10px 4%}.concept>span{display:none}.concept a{font-size:12px}header{height:78px}header nav{gap:18px}header nav>a:not(.nav-contact){display:none}.brand{font-size:36px}.brand>span{font-size:15px}.hero-a{padding-top:24px}.hero-meta{font-size:11px}.hero-meta>span:last-child{display:none}.hero-a h1{font-size:clamp(60px,13.2vw,92px);margin:37px 0;letter-spacing:-.07em;line-height:1.06}.hero-arrow{width:60px;height:60px;font-size:49px}.lastline{gap:5vw}.hero-bottom{grid-template-columns:1fr}.small-note{display:none}.hero-bottom p{font-size:17px}.proof-strip{grid-template-columns:1fr 1fr;gap:25px}.proof-strip strong{font-size:38px}.proof-strip a{justify-self:start;border:0;padding:0;font-size:12px}.work-a,.desk-work{padding-top:60px;padding-bottom:60px}.section-heading{display:block}.section-heading>p{margin-top:22px}.section-heading h2{font-size:40px}.filters{gap:7px;margin-top:28px}.filters button{font-size:12px;padding:10px 12px}.project-grid{grid-template-columns:1fr;gap:34px}.project-card:nth-child(even){padding-top:0}.project-image{height:300px}.project-label h3{font-size:21px}.project-label span{font-size:11px}.about-a{grid-template-columns:1fr;gap:20px;padding-top:50px;padding-bottom:45px}.about-a h2{font-size:38px}.retention{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.retention strong{font-size:70px}.services{padding-top:25px;padding-bottom:50px}.services summary{font-size:24px;gap:15px}.services details p{padding-left:30px;font-size:16px}.contact{padding-top:55px;padding-bottom:50px}.contact h2{font-size:46px}.contact p{font-size:16px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer>span{order:3;flex-basis:100%;font-size:12px}.dialog-body{padding:20px}.dialog-body h2{font-size:30px}.desk-hero{grid-template-columns:1fr}.desk-intro{padding:42px 5%}.desk-intro h1{font-size:clamp(48px,11vw,75px)}.desk-intro>p{font-size:21px}.desk-intro p.subheading{font-size:16px}.signature{margin-top:28px}.project-desk{min-height:640px;border-left:0;border-top:1px solid var(--line)}.desk-caption{flex-direction:row}.desk-item{width:65%}.item-one{left:9%;top:95px}.item-two{right:7%;top:255px}.item-three{left:12%;top:413px}.desk-item img{height:160px}.item-three img{height:100px}.desk-record{display:grid;grid-template-columns:1fr 1fr;gap:19px;font-size:13px}.need-explorer{grid-template-columns:1fr}.need-options{padding:12px}.need-options button{padding:20px 14px;font-size:23px}#need-panel{padding:20px}#need-panel img{height:215px}.desk-about{grid-template-columns:1fr;padding-top:50px;padding-bottom:60px;gap:25px}.desk-about h2{font-size:40px}.about-note{transform:none;padding:25px;margin-top:10px}.desk .contact{border-radius:16px 16px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Expanded project archive */
.portfolio-tools{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:36px}.portfolio-search{display:flex;flex-direction:column;gap:9px;flex:1;max-width:480px;font-size:13px}.portfolio-search input{background:transparent;border:1px solid #a9b09f;border-radius:5px;padding:15px;color:inherit;font:16px 'DM Sans';width:100%}.portfolio-tools p{font-size:13px;color:#5b6254}.expanded-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 25px}.expanded-gallery .project-card:nth-child(even){padding-top:0}.expanded-gallery .project-image{height:250px;padding:20px}.expanded-gallery .project-label{display:block}.expanded-gallery .project-label h3{font-size:20px;line-height:1.3}.expanded-gallery .project-card>p{font-size:13px}.expanded-gallery .app-image img{object-fit:contain;box-shadow:none}.demo-badge{position:absolute;left:13px;top:13px;border-radius:3px;background:#171915;color:#e6f3ce;font-size:10px;padding:7px 9px;letter-spacing:.06em}.load-more-wrap{text-align:center;margin-top:40px}.load-more-wrap button[hidden]{display:none}.portfolio-empty{grid-column:1/-1;padding:40px;text-align:center;border:1px solid var(--line)}.image-viewer{background:#e1e5df;max-height:67vh;overflow:auto;text-align:center}.dialog-body .image-viewer img{max-height:none;max-width:100%;width:auto;max-height:1500px;display:block;margin:auto;object-fit:contain}.dialog-body #image-thumbnails{display:flex;gap:9px;margin-top:15px;overflow-x:auto;padding-bottom:6px}.dialog-body #image-thumbnails button{flex:none;width:70px;height:78px;padding:3px;background:transparent;border:2px solid transparent;border-radius:4px}.dialog-body #image-thumbnails button[aria-pressed=true]{border-color:#668834}.dialog-body #image-thumbnails img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:2px}.dialog-body #project-actions .button{margin-right:18px}.download-demo{display:inline-block;border-bottom:1px solid;font-size:14px;margin-top:20px}.demo-privacy{font-size:13px!important;line-height:1.5!important;color:#5b6254;margin-top:18px!important;margin-bottom:0!important}.dialog-body #dialog-cta{background:transparent;border:1px solid #9ba98b;padding:13px 18px;font-size:14px}.desk-portfolio{padding-top:65px;border-top:1px solid var(--line)}.desk-portfolio .portfolio-search input{border-color:#b4accb}.desk-portfolio .portfolio-tools p{color:#605b79}.desk-portfolio .project-image{border-radius:7px}.desk-portfolio .load-more-wrap .button{background:#252145;color:white;border-radius:50px}
@media(max-width:1000px){.expanded-gallery{grid-template-columns:1fr 1fr}.expanded-gallery .project-image{height:260px}}
@media(max-width:700px){.portfolio-tools{align-items:stretch;flex-direction:column;gap:12px}.portfolio-search{max-width:none}.expanded-gallery{grid-template-columns:1fr}.expanded-gallery .project-image{height:280px}.dialog-body .image-viewer img{max-height:1100px}.dialog-body #project-actions .button{margin-right:0;font-size:14px;padding:15px}.load-more-wrap{margin-top:28px}.expanded-gallery .project-label h3{font-size:22px}}
/* Need explorer, dashboard choice and case studies */
.need-options button{font-size:clamp(19px,2vw,28px);padding:20px 15px;min-height:67px;letter-spacing:-.04em}.need-explorer{align-items:stretch}#need-panel{display:flex;flex-direction:column;justify-content:center}#need-panel .need-preview{height:auto;max-height:330px;min-height:220px;object-fit:contain;background:#edeaf4}#need-panel .dark-dashboard{background:#151518}.need-image-picker{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.need-image-picker button{background:transparent;border:1px solid #b8afce;padding:9px 12px;border-radius:5px;font-size:13px}.need-image-picker button[aria-pressed=true]{background:#252145;color:#fff;border-color:#252145}.need-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.need-actions .button{background:#252145;color:white;border-radius:30px;padding:13px 20px;font-size:14px}.need-actions .text-link{font-size:14px;margin-top:0!important}.case-index{padding:75px 4%;border-top:1px solid var(--line)}.case-list{border-top:1px solid var(--line)}.case-entry{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.case-entry .eyebrow{margin-bottom:12px}.case-entry h3{font-size:clamp(23px,2.5vw,35px);font-weight:500;letter-spacing:-.035em}.case-entry p{font-size:15px;color:#656173;max-width:720px;margin-top:12px}.builder .case-entry p{color:#5b6254}.case-entry-actions{display:flex;align-items:end;flex-direction:column;gap:15px;font-size:14px;white-space:nowrap}.case-entry-actions>a{border-bottom:1px solid;padding:6px 0}.case-demo-link{border:1px solid!important;padding:10px 16px!important;border-radius:30px}.case-entry:hover h3 a{text-decoration:underline;text-underline-offset:6px}@media(max-width:700px){.need-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.need-options button{font-size:15px;padding:14px 10px;min-height:75px;border:1px solid #cbc1df;border-radius:6px;line-height:1.4}.need-options button>span{display:none}#need-panel .need-preview{min-height:150px;max-height:240px}.case-index{padding:55px 4%}.case-entry{grid-template-columns:1fr;gap:18px}.case-entry-actions{flex-direction:row;align-items:center;gap:25px}.case-entry h3{font-size:25px}.need-image-picker button{font-size:12px}}
.case-modal-link{display:inline-block;border-bottom:1px solid;padding:8px 0;margin:0 20px 18px 0;font-size:14px}#project-actions{margin-bottom:25px}.need-options button{min-height:63px;padding-top:17px;padding-bottom:17px}

/* Larger original previews with immediate embedded placeholders. */
.desk .need-explorer{grid-template-columns:minmax(240px,.72fr) minmax(0,1.6fr)}
.desk #need-panel{min-width:0;padding:24px;justify-content:center}
#need-panel .need-image-open{display:block;width:100%;border:0;padding:0;background:transparent;text-align:right;color:#605b79}
#need-panel .need-image-stage{display:block;position:relative;width:100%;height:clamp(340px,36vw,600px);background:#edeaf4;overflow:hidden;border-radius:6px}
#need-panel .need-image-stage img{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;object-position:center;border-radius:0}
#need-panel .need-placeholder{filter:blur(8px);opacity:.8}
#need-panel .need-preview{opacity:0;background:transparent;transition:opacity .18s ease}
#need-panel .is-loaded .need-preview{opacity:1}
#need-panel .is-loaded .need-placeholder{visibility:hidden}
#need-panel .need-enlarge{display:block;margin-top:8px;font-size:12px}
@media(max-width:900px){.desk .need-explorer{grid-template-columns:1fr}.desk .need-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.desk .need-options button{font-size:16px;padding:14px 10px}.desk .need-options button>span{display:none}#need-panel .need-image-stage{height:clamp(300px,58vw,520px)}}
@media(max-width:550px){.desk .need-options{grid-template-columns:repeat(2,minmax(0,1fr))}.desk #need-panel{padding:14px}#need-panel .need-image-stage{height:clamp(270px,76vw,400px)}}
@media(prefers-reduced-motion:reduce){#need-panel .need-preview{transition:none}}

/* Featured stories and original client identities. */
.featured-studies{padding:70px 4% 80px;background:#f0f1f4}.featured-studies>.section-heading{margin-bottom:36px}.featured-case{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #343a3d;border-radius:9px;overflow:hidden;margin-top:28px}.featured-story{background:#fafbfc;padding:clamp(26px,3.5vw,56px)}.feature-tag{display:inline-block;border:1px solid #405ea0;border-radius:24px;padding:8px 14px;font-size:11px;letter-spacing:.12em;color:#315587}.featured-story h3{font-size:clamp(26px,2.8vw,42px);line-height:1.2;letter-spacing:-.04em;margin:24px 0 20px}.featured-story h3 em{font-style:normal;color:#315587}.featured-story p{color:#59616a;font-size:17px}.feature-link{display:inline-flex;align-items:center;border:1px solid #262b2e;border-radius:30px;padding:14px 22px;margin-top:28px;font-size:13px}.feature-link:hover{background:#e5eaf2}.featured-links{display:flex;gap:12px;flex-wrap:wrap}.feature-link.solid{background:#252145;color:white}.featured-proof{padding:clamp(26px,3.5vw,56px);background:#14191c;color:#f8fafb;display:flex;flex-direction:column;justify-content:center}.featured-proof dl{display:grid;grid-template-columns:1fr 1fr;gap:38px 24px;margin:0}.featured-proof dt{color:#a0a7ae;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.featured-proof dd{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4vw,58px);line-height:1.15;letter-spacing:-.05em;margin:10px 0}.featured-proof small{display:block;color:#aeb5bb;font-size:13px;line-height:1.5}.featured-proof>p{border-top:1px solid #3a4147;margin-top:32px;padding-top:20px;color:#aeb5bb;font-size:11px;line-height:1.6}.featured-proof .word-metric{font-size:clamp(23px,2.3vw,33px);letter-spacing:-.03em}.crm-flow{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:24px}.crm-flow li{display:flex;gap:18px;align-items:start}.crm-flow li>span{color:#c7ddb0;border:1px solid #52614c;border-radius:50%;padding:9px;font-size:12px}.crm-flow strong{display:block;font-size:20px;margin:3px 0 6px}.client-wall{padding:54px 4% 64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px;margin-top:35px}.client-logo{text-align:center;padding:18px 8px;border-radius:8px;transition:background .15s}.client-logo:hover{background:#f0f1f4}.client-mark{height:85px;display:flex;align-items:center;justify-content:center}.client-mark img{width:auto;height:auto;max-width:150px;max-height:78px;object-fit:contain}.client-name{display:block;color:#626975;font-size:10px;letter-spacing:.05em;margin-top:17px;text-transform:uppercase;line-height:1.5}.client-wordmark{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.04em}.client-logo:focus-visible{outline:3px solid #7253ed}
@media(min-width:1600px){.featured-studies,.client-wall{padding-left:max(4%,calc((100vw - 1500px)/2));padding-right:max(4%,calc((100vw - 1500px)/2))}}
@media(max-width:950px){.client-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-case{grid-template-columns:1fr}.featured-proof{padding:34px}.featured-proof dl{gap:28px}.featured-story{padding:32px}}
@media(max-width:550px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-mark img{max-width:125px}.featured-proof,.featured-story{padding:24px}.featured-proof dl{gap:24px 16px}.featured-story p{font-size:16px}.feature-tag{font-size:9px}.featured-studies{padding-top:45px}.featured-studies .section-heading{display:block}.featured-studies .section-heading>p{margin-top:20px}}
