/* Original artwork is the only multicolor brand treatment in this system. */
:root{--j-purple:#173bce;--j-spectrum:url('../images/tools-brand-spectrum.jpg')}
.j-header:after{height:4px;background-image:var(--j-spectrum);background-size:cover;background-position:center}
.journey-page h1 em{color:var(--j-ink)}
.j-button.primary{background:#191922;border-color:#191922}
.j-preview{background:#fff}
.j-intro{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:58px;align-items:center}
.j-premium-preview{margin:0;background:#efedf0;border:1px solid #dddce4;padding:24px;border-radius:24px;position:relative;overflow:hidden}
.j-premium-preview:before{content:'';position:absolute;inset:0;background:url('../images/tools-brand-spectrum.jpg') center/cover;opacity:.16}
.j-premium-preview>a,.j-premium-preview>figcaption{position:relative;display:block}
.j-premium-pages{display:flex;align-items:center;justify-content:center;min-height:270px;padding:12px 8px 26px}
.j-premium-pages img{width:54%;height:auto;box-shadow:0 10px 25px #17172224;border:1px solid #ffffff80;transform:rotate(-5deg);position:relative;z-index:1}
.j-premium-pages img+img{margin-left:-10%;transform:rotate(6deg) translateY(10px);z-index:2}
.j-premium-preview.wide .j-premium-pages{min-height:230px;flex-direction:column}
.j-premium-preview.wide img{width:90%;transform:rotate(-4deg)}
.j-premium-preview.wide img+img{margin-left:0;margin-top:-12%;transform:rotate(4deg) translateX(8px)}
.j-premium-preview figcaption{font-size:12px;line-height:1.6;color:#3d3c47;margin-top:6px}
.j-premium-preview figcaption strong{font-size:14px;color:#191922;display:block;margin-bottom:3px}
.j-promise{border-left:0;padding:0}
.j-card{border-radius:18px;box-shadow:0 15px 45px #19192208}
.j-steps [aria-current=step]{color:#173bce;border-bottom-color:#173bce}
.j-filter [aria-pressed=true]{background:#191922;border-color:#191922;color:#fff}
.j-field input:focus,.j-field textarea:focus,.j-field select:focus{outline:2px solid #173bce;outline-offset:2px}
.j-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border:0}
.j-tile-grid .j-tool-row{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;border:1px solid #dddce4;border-radius:18px;overflow:hidden;background:#fff}
.j-tile-visual{background:#eae8ef url('../images/tools-brand-spectrum.jpg') center/cover;padding:20px 24px;display:flex;gap:12px;justify-content:center;height:220px;overflow:hidden}
.j-tile-visual img{height:210px;width:auto;max-width:100%;object-fit:contain;box-shadow:0 10px 25px #19192235;transform:rotate(-4deg)}
.j-tile-visual img+img{margin-left:-40px;transform:rotate(6deg) translateY(10px)}
.j-tool-content{padding:23px 23px 15px;flex:1}
.j-tool-content .j-number{display:block;color:#605f69;margin-bottom:12px}
.j-tool-content h2{font-size:24px;line-height:1.15;margin-bottom:12px}
.j-tile-grid .j-tool-row>div:last-child{padding:0 23px 25px}
.j-tile-grid .j-outcome{min-height:58px;line-height:1.6}
.j-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.j-gallery figure{margin:0;min-width:0}
.j-gallery img{display:block;width:100%;height:auto;border:1px solid #dddce4;box-shadow:0 12px 35px #19192212}
.j-gallery figcaption{font-size:12px;color:#605f69;padding:12px 0}
.j-source-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:20px}
.j-source-gallery img{width:100%;height:auto}
.j-review-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-bottom:48px}
.j-review-proof{font-size:12px;color:#605f69;border-top:1px solid #dddce4;padding-top:18px;line-height:1.8}
.j-review-section{padding:54px 0;border-top:1px solid #dddce4}
.j-review-section>h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:12px 0 18px}
.j-review-section .j-lead{font-size:17px}
.j-review-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.j-review-columns article{background:#fff;border:1px solid #dddce4;border-radius:18px;padding:27px}
.j-review-columns h3{margin-top:0;font-size:25px;letter-spacing:-.6px}
.j-review-columns p{font-size:14px;color:#605f69}
.social-workspace .hero .card:first-child{background:#191922;color:white}
.social-workspace .hero .card:first-child h1,.social-workspace .hero .card:first-child h2,.social-workspace .hero .card:first-child p,.social-workspace .hero .card:first-child .gradient-text,.social-workspace .hero .card:first-child .gradient-text *{color:white!important;-webkit-text-fill-color:white!important}
.social-workspace .hero .card:first-child:after{content:'';height:5px;position:absolute;left:0;right:0;bottom:0;background:url('../images/tools-brand-spectrum.jpg') center/cover}
.social-workspace .btn.glow{background:#191922;border-color:#191922}
.social-workspace .hero .card:first-child label{color:#D4D3DC}
.social-document-mark{position:absolute;right:22px;top:19px;object-fit:contain;width:43px;height:40px}
.social-workspace .hero .card:first-child .editable{color:#191922!important;-webkit-text-fill-color:#191922!important}
.social-workspace.pdf-exporting #plan #clientName{color:#fff!important;-webkit-text-fill-color:#fff!important}
.pdf-exporting .card:before{display:block!important;height:5px!important;background:url('../images/tools-brand-spectrum.jpg') center/cover!important}
.pdf-exporting .hero .card:first-child:before{display:none!important}
.social-workspace .card:before{background:url('../images/tools-brand-spectrum.jpg') center/cover;animation:none}
.social-workspace .plan-container .card{border-radius:16px}
.ondeck-workspace .event-card:before{opacity:1;background:url('../images/tools-brand-spectrum.jpg') center/cover;height:5px}
.ondeck-workspace .topbar{border-radius:15px}
.ondeck-workspace .next-card{border-color:#191922}
.ondeck-workspace .panel{border-radius:16px}
.ondeck-workspace,.social-workspace{--gradient:#191922;--gradient-loop:#191922}
.social-workspace .number,.social-workspace .prompt-box:before,.social-workspace .footer-line{background:url('../images/tools-brand-spectrum.jpg') center/cover;animation:none}
.ondeck-workspace .tile-icon,.ondeck-workspace .support-button span,.ondeck-workspace .next-card:before,.ondeck-workspace .primary-button,.ondeck-workspace .wallpaper-scope label:has(input:checked){background-image:url('../images/tools-brand-spectrum.jpg');background-size:cover;animation:none}
.ondeck-workspace .next-card{background:#191922;color:#fff;animation:none}
.ondeck-workspace .next-card .eyebrow,.ondeck-workspace .next-card .next-meta,.ondeck-workspace .next-card .time-stack span{color:#D4D3DC}
.ondeck-workspace .type-segmented button.active,.ondeck-workspace .delay-controls button.active,.ondeck-workspace .import-tabs button.active,.ondeck-workspace .wallpaper-scope label:has(input:checked),.ondeck-workspace .primary-button{background:#191922;color:#fff;animation:none;box-shadow:none}
@media(max-width:960px){.j-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.j-intro,.j-review-hero{gap:30px;grid-template-columns:1fr 1fr}.j-premium-preview{padding:17px}.j-premium-pages{min-height:220px}}
@media(max-width:760px){.j-intro,.j-review-hero{grid-template-columns:1fr;gap:28px}.j-premium-preview{max-width:470px;margin:0 auto;width:100%}.j-premium-pages{min-height:230px;max-height:310px}.j-premium-pages img{max-height:270px;width:auto;max-width:55%}.j-premium-preview.wide .j-premium-pages{max-height:290px}.j-premium-preview.wide img{width:88%;max-width:88%;max-height:none}.j-tile-grid{grid-template-columns:1fr}.j-tile-visual{height:240px}.j-tile-visual img{height:250px}.j-gallery{grid-template-columns:1fr;gap:20px}.j-review-columns{grid-template-columns:1fr}.j-review-section{padding:35px 0}.j-review-section>h2{font-size:30px}.j-source-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.j-review-hero{padding-bottom:30px}.j-tool-row>div:last-child{grid-column:auto}}
@media print{.j-premium-preview,.j-review-proof{display:none}}
