/* Real product screenshots, presented as editorial portfolio compositions. */
.portfolio-showcase{margin:0;min-width:0;color:#000}
.portfolio-stage{position:relative;isolation:isolate;aspect-ratio:1.25;min-height:320px;overflow:hidden;border-radius:6px;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#edf5f9 44%,#c5e0ec 100%);perspective:1400px}
.portfolio-stage:before{content:'';position:absolute;inset:10% -30% 0;background:repeating-linear-gradient(125deg,transparent 0,transparent 135px,#ffffff35 136px,#ffffff35 137px);transform:rotate(-8deg);z-index:-1}
.portfolio-stage:after{content:'';position:absolute;left:8%;right:6%;bottom:8%;height:8%;background:#193a5040;filter:blur(25px);border-radius:50%;z-index:-1}
.portfolio-panel{position:absolute;display:block;background:white;border:1px solid #ffffff90;box-shadow:0 22px 35px #142f4538,0 3px 0 #d0d5d8,0 6px 0 #fff;border-radius:6px;overflow:hidden;transition:transform 350ms cubic-bezier(.2,.7,.2,1),box-shadow 350ms}
.portfolio-panel img{display:block;width:100%;height:auto!important;object-fit:contain!important}
.portfolio-main{width:81%;left:3%;top:22%;transform:rotate(-6deg) rotateY(10deg);z-index:2}
.portfolio-main:hover,.portfolio-main:focus-visible{transform:rotate(-2deg) rotateY(0);box-shadow:0 28px 42px #142f4540,0 4px 0 #d0d5d8}
.portfolio-sheet{width:36%;height:78%;right:2%;top:7%;transform:rotate(12deg) rotateY(-8deg);opacity:.8;z-index:0}
.portfolio-sheet img{width:100%;max-height:none;object-fit:contain;object-position:top}
.portfolio-window-bar{display:flex;align-items:center;gap:4px;height:22px;padding-inline:9px;background:#f9fafb;border-bottom:1px solid #dce2e6;color:#5b6970;font:7px/1 Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.portfolio-window-bar i{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#b6c6cf}
.portfolio-window-bar span{margin-left:8px}
.portfolio-phone{position:absolute;right:3%;bottom:8%;width:27%;aspect-ratio:.49;border:6px solid #15171a;border-radius:24px;background:#fff;box-shadow:0 20px 35px #142f454a,2px 2px 0 #777;overflow:hidden;z-index:3;transform:rotate(6deg);color:#263e31;transition:transform 350ms}
.portfolio-phone:hover,.portfolio-phone:focus-visible{transform:rotate(2deg) translateY(-4px)}
.portfolio-phone:before{content:'';position:absolute;top:5px;left:36%;width:28%;height:7px;background:#15171a;border-radius:8px;z-index:4}
.email-mini{font-family:Arial,sans-serif;font-size:7px;line-height:1.6;padding-top:23px;background:#fff;height:100%;overflow:hidden}
.email-mini-brand{text-align:center;padding:3px 5px 13px;font-family:Georgia,serif;font-size:14px;color:#405c4e}
.email-mini-brand small{display:block;font:4px Arial,sans-serif;letter-spacing:2px;margin-top:5px}
.email-mini img{width:100%;height:auto!important}
.email-mini-copy{padding:12px 12px 22px}
.email-mini-copy .email-mini-label{font-size:4px;letter-spacing:1px;color:#405c4e;margin-bottom:8px}
.email-mini-copy h4{font:normal 20px/1.05 Georgia,serif;letter-spacing:-.3px;margin:0 0 10px}
.email-mini-copy h4 em{color:#405c4e;font-weight:400}
.email-mini-copy>p{font:7px/1.6 Arial,sans-serif!important;margin:0 0 10px!important;color:#263e31!important}
.email-mini-date{padding:8px;background:#edf0ea;font-size:6px;line-height:1.6;margin:10px 0}
.email-mini-button{display:block;padding:8px 5px;text-align:center;background:#405c4e;color:white;font-size:6px;font-weight:700}
.portfolio-tag{position:absolute;top:5%;left:6%;z-index:4;font:700 10px/1.4 var(--sans);letter-spacing:.1em;color:#245f7b;background:#ffffffdc;padding:8px 11px;border:1px solid #ffffff80}
.portfolio-caption{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;margin-top:18px;font-size:12px;color:inherit;line-height:1.6}
.portfolio-caption .text-link,.portfolio-caption .fall-text-link{margin:0;font-size:13px;color:inherit}
.portfolio-caption>span{flex-basis:100%;font-size:12px;opacity:.85}
.portfolio-stage.is-portal .portfolio-main{width:88%;top:24%;left:4%;transform:rotate(-4deg) rotateY(7deg)}
.portfolio-stage.is-portal .portfolio-sheet{width:61%;height:57%;top:6%;right:-4%;transform:rotate(9deg);opacity:.65}
.portfolio-stage.is-partner{background:radial-gradient(ellipse at 50% 40%,#edf6fa 0%,#c5deea 65%,#9dc5d8 100%)}
.portfolio-stage.is-partner .portfolio-main{top:19%;left:5%;width:87%;transform:rotate(-5deg) rotateY(7deg)}
.portfolio-stage.is-partner .portfolio-sheet{right:-2%;width:58%;height:auto;top:7%;transform:rotate(11deg)}
.registration-announcement{padding-block:72px}
.registration-announcement>.wrap{grid-template-columns:1fr 1.12fr;gap:52px;align-items:center}
.registration-announcement-actions{margin-top:26px}
.registration-announcement .portfolio-stage{min-height:360px}
.registration-announcement .portfolio-caption{color:#000}
.registration-live-demo .portfolio-stage{min-height:380px}
.product-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:48px 0}
.product-preview-row>div{min-width:0}
.product-preview-row h3{margin-bottom:22px}
.product-preview-row .portfolio-stage{min-height:300px}
.product-single-preview{margin:42px 0 36px;max-width:980px;margin-inline:auto}
.partner-feature-layout{align-items:start}
.partner-feature-intro>.portfolio-showcase{margin-top:32px}
.partner-practice-preview{margin:42px 0 0;max-width:880px}
.lead-tracking-preview .portfolio-stage{aspect-ratio:1.8;max-width:1040px;margin-inline:auto;min-height:300px}
.lead-tracking-preview .portfolio-main{top:13%;width:84%;left:8%;transform:rotate(-3deg)}
.lead-tracking-preview .portfolio-caption{max-width:1040px;margin-inline:auto}
.audience-card .mini-product{margin-top:28px;border:5px solid #fff;border-radius:4px;box-shadow:0 12px 22px #0002;transform:rotate(-2deg);overflow:hidden}
.audience-card.dark .mini-product{border-color:#25353e;transform:rotate(2deg)}
.mini-product img{width:100%;height:auto;display:block}
.mini-product figcaption{font-size:11px;padding:10px 12px;background:#fff;color:#000;letter-spacing:.06em}
.audience-card.dark .mini-product figcaption{background:#25353e;color:#fff}
.portfolio-video-frame video{border:8px solid #14181b;border-radius:12px;box-shadow:0 18px 38px #0002}
.portfolio-report-paper,.report-preview{box-shadow:0 18px 38px #183f5420}
.report-preview img{box-shadow:0 7px 18px #0002}
.ink .portfolio-caption,.fall-portal .portfolio-caption{color:#fff}
@media(max-width:1100px){.registration-announcement>.wrap{gap:32px}.portfolio-stage{min-height:280px}.portfolio-tag{font-size:9px}.registration-announcement .portfolio-stage{min-height:300px}}
@media(max-width:760px){
 .registration-announcement{padding-block:48px}.registration-announcement>.wrap{grid-template-columns:1fr;gap:32px}
 .portfolio-stage,.registration-announcement .portfolio-stage,.registration-live-demo .portfolio-stage{min-height:0;aspect-ratio:1.12;max-width:640px;margin-inline:auto}
 .portfolio-main{width:86%;top:24%;left:2%;transform:rotate(-4deg)}
 .portfolio-phone{border-width:4px;border-radius:18px;width:28%;right:2%;bottom:7%}
 .portfolio-window-bar{height:16px;font-size:5px;padding-inline:6px;gap:3px}.portfolio-window-bar i{width:3px;height:3px}
 .portfolio-phone:before{height:5px;top:5px}.email-mini{padding-top:16px}.email-mini-brand{font-size:10px;padding-bottom:7px}.email-mini-brand small{font-size:3px;letter-spacing:1px;margin-top:3px}.email-mini-copy{padding:8px}.email-mini-copy h4{font-size:14px;margin-bottom:7px}.email-mini-copy>p{font-size:5px!important}.email-mini-copy .email-mini-label{font-size:3px;margin-bottom:5px}.email-mini-date,.email-mini-button{font-size:4px;padding:5px}
 .portfolio-tag{font-size:8px;padding:7px 9px}.portfolio-caption{gap:8px 16px;font-size:12px}.portfolio-caption .text-link{font-size:12px;min-height:44px;display:flex;align-items:center}
 .product-preview-row{grid-template-columns:1fr;gap:34px;margin:32px 0}.product-preview-row .portfolio-stage{min-height:0}
 .portfolio-stage.is-portal .portfolio-main,.portfolio-stage.is-partner .portfolio-main{top:25%;width:91%;left:3%;transform:rotate(-2deg)}
 .portfolio-stage.is-portal .portfolio-sheet,.portfolio-stage.is-partner .portfolio-sheet{top:13%;width:61%;right:0}
 .product-single-preview{margin-block:32px}.lead-tracking-preview .portfolio-stage{min-height:0;aspect-ratio:1.28}.lead-tracking-preview .portfolio-main{top:24%;width:94%;left:3%;transform:rotate(-2deg)}
}
@media(prefers-reduced-motion:reduce){.portfolio-panel,.portfolio-phone{transition:none}.portfolio-panel:hover,.portfolio-panel:focus-visible,.portfolio-phone:hover,.portfolio-phone:focus-visible{transform:none}}