/* Approval preview: bounded primary images, softly repeated decorative backgrounds. */
.hero470{position:relative;isolation:isolate;overflow:hidden;background:#fffcf7!important}
.hero470::before{content:'';position:absolute;inset:0;z-index:-2;background-repeat:no-repeat;background-position:right center;background-size:cover;opacity:.15;filter:blur(4px);pointer-events:none}
.hero470::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffcf7 0%,#fffcf7f2 31%,#fffcf7a6 60%,#fffcf72b 100%),linear-gradient(0deg,#fffcf7 0%,#fffcf700 26%);pointer-events:none}
.h470-platform::before{background-image:url('team-workspace-v400.webp');background-position:75% 42%;opacity:.22}
.h470-how::before{background-image:url('page43-how-hero.webp');background-position:right 35%;opacity:.16}
.h470-capabilities::before{background-image:url('hero470-cap-photo.svg');background-position:right center;opacity:.17}
.hero470>*{position:relative;z-index:1}
/* The Capabilities wrapper retains Home's exact gutters and its approved two-column hero. */
.r410.r420.r-capabilities>.h470-capabilities{width:100%;max-width:none;margin:0}
.r410.r420.r-capabilities .h470-capabilities>.r-hero{width:min(var(--zm-master-max,1280px),calc(100% - 2 * var(--zm-master-gutter,32px)));max-width:var(--zm-master-max,1280px);margin-inline:auto!important;background:transparent!important}
.r410.r420.r-capabilities .h470-capabilities>.r-hero .r-hero-photo{background:transparent!important}
.z43 .h470-how .q-hero-grid{background:transparent}
.p470 .p-hero{padding:40px 0 32px}
.p470 .p-hero-grid{grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.p470 .p-hero h1{font-size:clamp(38px,4.1vw,60px);max-width:17ch}
.p470 .p-hero .q-lead{font-size:18px;line-height:1.75;max-width:49ch;color:#34535c}
.p470 .p-hero-benefits{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:22px}
.p470 .p-hero-benefits>span{font-size:12px}
.p470-hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:10px;background:#087577;color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;margin-top:22px}
.p470-scene{margin:0;display:grid;gap:0;max-width:630px;width:100%;justify-self:end;padding:0 0 12px}
.p470-image{border:1px solid #aec9b9;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#edf1e5,#fffaed)}
.p470 .p470-image>img{display:block;width:100%;max-width:100%;height:auto;max-height:365px;object-fit:contain;object-position:center;margin:0}
.p470-preview{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:13px;align-items:center;width:91%;margin:12px auto 0;padding:18px 20px;border:1px solid #b0cbbb;border-radius:15px;background:#fffdf6;box-shadow:0 10px 28px #214e4715;color:#173f49}
.p470 .p470-preview .p-avatar{width:42px;height:42px;background:#dcefe3;color:#155960}
.p470-preview-label{display:flex;gap:5px;align-items:center;font-size:10px;font-weight:650;line-height:1.6;color:#406263;margin-bottom:5px}
.p470-preview-label svg{width:13px;height:15px;flex:none;color:#c28c29}
.p470-preview strong{display:block;font-size:15px;line-height:1.5;color:#173f49}
.p470 .p470-preview p{font-size:12px;line-height:1.7;margin:3px 0 0;color:#28595e}
.p470-preview p>span{display:block;font-size:11px;color:#486468}
.p470-confirmed{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6aa997;border-radius:50%;background:#d9eee0;color:#1c6b5c;font-size:16px;font-weight:750}
.p470 .p470-tour-nav{padding:0;background:#e9f2ea;border-block:1px solid #c2d8c9}
.p470 .p470-tour-nav>.wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:15px 0}
.p470-tour-nav a{display:flex;align-items:center;gap:10px;min-height:44px;color:#244f57;text-decoration:none;font-size:12px;line-height:1.6;font-weight:700}
.p470-tour-nav a>span{font-size:11px;color:#886225;border:1px solid #c5ac73;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex:none;background:#fff4dd}
.p470 .p470-tour-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.p470 .p470-workspace{padding:50px 0}
.p470 .p470-workspace h2{font-size:clamp(30px,3vw,43px);line-height:1.14;margin:10px 0 18px}
.p470 .p470-workspace h2 em{font-style:normal;color:#087577}
.p470 .p470-hint{font-size:12px!important;color:#40636a!important;margin-top:20px!important}
.p470 :is(#workspace,#lead-record,#connected-setup,#team-control){scroll-margin-top:110px}
.p470 :is(.p470-hero-link,.p470-tour-nav a):focus-visible{outline:3px solid #966519;outline-offset:4px}
@media(max-width:1000px){.p470 .p-hero-grid{gap:28px}.p470 .p-hero .q-lead{font-size:16px}.p470 .p470-tour-grid{grid-template-columns:1fr 1.25fr;gap:28px}.p470-preview{padding:15px 14px;gap:10px;width:94%}}
@media(max-width:800px){.p470 .p-hero-grid,.p470 .p470-tour-grid{grid-template-columns:1fr;gap:26px}.p470-scene{max-width:600px;justify-self:center}.p470 .p-hero h1{max-width:22ch}.p470 .p-hero-benefits{margin-top:18px}.p470 .p470-tour-nav>.wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.p470 .p470-workspace{padding:36px 0}.p470 .p470-image>img{max-height:355px}.hero470::before{opacity:.12}.hero470::after{background:linear-gradient(180deg,#fffcf7f2 0%,#fffcf7b8 47%,#fffcf71f 76%,#fffcf7 100%)}.h470-capabilities::after{background:linear-gradient(180deg,#fffcf7d9 0%,#fffcf7a6 55%,#fffcf7 100%)}}
@media(max-width:500px){.p470 .p-hero{padding:27px 0 24px}.p470 .p-hero h1{font-size:39px}.p470 .p-hero .q-lead{font-size:16px}.p470 .p-hero-benefits>span{font-size:11px}.p470-preview{grid-template-columns:34px minmax(0,1fr) 26px;padding:14px 12px;gap:9px;width:96%}.p470 .p470-preview .p-avatar{width:34px;height:34px;font-size:10px}.p470-preview strong{font-size:14px}.p470-preview-label{font-size:9px}.p470-confirmed{width:25px;height:25px}.p470 .p470-image>img{max-height:none}.p470 .p470-tour-nav>.wrap{gap:5px 10px;padding-block:12px}.p470-tour-nav a{font-size:11.5px;gap:7px}.p470-tour-nav a>span{width:25px;height:25px;font-size:10px}.p470 .p470-workspace{padding:30px 0}}
@media(prefers-reduced-motion:reduce){.hero470 *{scroll-behavior:auto}}

@media(max-width:500px){.p470 .p-hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.p470 .p-hero-benefits>span{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11px;line-height:1.5}.p470 .p-hero-benefits .q-icon{width:19px;height:19px}}

/* v4.7.1: one clear approved composition, fading into Home's cream copy space. */
.hero470::before{background:radial-gradient(ellipse at 88% 42%,#dce9df 0%,#f2f3e9 42%,#fffcf7 76%);opacity:1;filter:none}
.hero470::after{background:linear-gradient(90deg,#fffcf7 0%,#fffcf7e8 28%,#fffcf700 65%),linear-gradient(0deg,#fffcf7 0%,#fffcf700 16%)}
.p470-image{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.p470 .p470-image>img{max-height:410px;border-radius:0!important;box-shadow:none!important}
.p470-image,.h470-capabilities .r-hero-photo,.h470-how .q-hero-grid>figure{mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%)}
.h470-capabilities .r-hero-photo,.h470-capabilities .r-ref-asset,.h470-how .q-photo{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.h470-how .q-hero-grid>figure{margin-right:0}
.h470-platform .p470-scene{max-width:100%}
/* Related narrative pages share the same visual language, with their original artwork. */
.a460 .z8-hero,.zm-solution-hero{position:relative;isolation:isolate;background:transparent!important}
.a460 .z8-hero::before,.zm-solution-hero::before{content:'';position:absolute;inset:0 calc(-1 * var(--zm-master-gutter,32px));z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffcf7 0%,#fffcf7 30%,#edf2e8 100%);mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent)}
.a460 .z8-hero .z8-picture,.zm-solution-hero>figure{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.a460 .z8-hero .z8-picture img,.zm-solution-hero>figure img{border:0!important;border-radius:0!important;box-shadow:none!important;mask-image:linear-gradient(90deg,transparent,#000 15%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);object-fit:contain}
@media(max-width:937px){.h470-capabilities .r-hero-photo{mask-image:none;-webkit-mask-image:none}}
@media(max-width:900px){.a460 .z8-hero .z8-picture img,.zm-solution-hero>figure img{mask-image:none;-webkit-mask-image:none}}
@media(max-width:800px){
.hero470::after{background:linear-gradient(180deg,#fffcf7 0%,#fffcf7e8 32%,#fffcf700 68%,#fffcf7 100%)}
.p470-image,.h470-how .q-hero-grid>figure{mask-image:none;-webkit-mask-image:none}
.p470 .p470-image>img{max-height:none;width:100%;height:auto;object-fit:contain}
}